ライブチャット＠情報「愛ni恋」：オンラインチェッカーの設置手順

ツールの提供：オンラインチェッカーの設置手順

チェッカーの設置に手間取る方が多いようなので、設置手順を記載しておくことにする。
ツールの規約も見てもらいたい。3分もあれば読める。見ないと制限される場合もある。

タグの取得ページに行くと、下記のフォームが表示されている。
写真のURL意外は、必須項目となっており、記載していないとエラー表示になる。

配信形式に関して

上記の通り、セレクトボックスの矢印をクリックする。

それぞれの表示方式の中から、どれか一つを選択
1．アイコンと動画配信型：アイコンと動画で状態をお知らせタイプ
2．アイコン型のみ：アイコンのみで状態をお知らせタイプ
3．動画配信のみ：動画と代替画像で状態をお知らせ
映像のサイズ
2種類の表示サイズを用意している。
当ツールは、ブログで利用されることが多い。標準サイズの方が見栄えはいいわけだが、カラムの横幅設定などの問題から、標準を選ぶとレイアウトが崩れる場合がある。
そういった場合には、ミニサイズを選ぶとレイアウトが崩れづらい。サイズは以下の通り
標準サイズ：178×135
ミニサイズ：148×112
画像のタイプ
動画配信部分の代替画像のタイプを選択する。
待機中は映像が流れるのだが、オフラインや、２ショット中などでは代替画像を利用する為、自分が気にいった画像を選ぶといい。画像は随時追加していく。
画像のサンプルページで表示されている気に入ったアイコン画像の横のタイプ○の○の部分を覚えておき、セレクトボックス内で選択する。
アイコンのタイプ
画像のサンプルページで見ることが出来る。画像はいつでも修正可能。

上記の通り、セレクトボックスの矢印をクリックする。

アイコン画像のサンプルページで表示されている気に入ったアイコン画像の横のタイプ○の○の部分を覚えておき、セレクトボックス内で選択する。
登録サイト
自分が登録しているチャットサイトを選択する。

上記の通り、セレクトボックスの矢印をクリックする。

説明するまでもないが、必ず自分の登録しているサイト名を選択する。
パフォーマーID
登録サイトで使っているIDだが、自分のIDを知らないパフォーマーもいるはず。ログインID、パフォーマーIDは違う場合が多い。そこで、IDを知る方法を記載しておくことにする。

現在、試験的に載せている、各サイトのオンライン状況のページを活用することにする。
まず、チャットサイトにINし、待機している状態で、下記のページを開く。
マシェリのパフォーマーはこちら
 GOGOのパフォーマーはこちら
 BBchatTVのパフォーマーはこちら
そうすると下記のような画面になる。

自分の名前が表示されていれば、その自分の名前をクリックする。

上記のような画面になり、自分が表示されていれば、OK！
上記画像の例で「ID：」と書かれている続きの部分がIDである。
つまり、sak1chanのIDは、bcbdcd8ec483459c674d770e374a7970というわけ。
今現在、GOGO、マシェリ、GOGO、レモンのパフォーマーは上記の方法で知ることが可能である。どうしても、IDの部分がわからなければ、メールで聞いてくれれば、IDをお知らせする。
パフォーマー名
ランキングで表示する際に必要となる為、できれば、登録名のほうがいい。
フォームに自分の名前を入力する。

例：sak1chan
例：愛ni恋
など
URL
ツールを設置するホームページのTOPか、ブログのTOPページのアドレスを入力。
マシェリや、GOGOなどのURLを入力している場合、制限する。
必ず、自分のブログや、HPのURLを記入してもらいたい。（チェッカー設置の確認の為）

例：http://www.livechat24.net/
例：http://blog.ai2koi.net/
など
ランキング掲載
この項目で、当サイト主催のアクセスランキングに参加するかどうを決められる。
参加して、上位に入れば、ランキングのページにて宣伝している。
ランキングのページから、直接ブログなどにリンクは張っていないので安心してもらいたい。
ブログアクセスランキングに載りたくない場合は「ランキング掲載の項目でしない」を選択すれば、拒否することが可能。ランキングについての詳細はこちら
写真のURL欄
映像による表示形式の場合で、代替画像を利用しないで、独自で用意した写真を利用したい場合にのみ、使用する項目で、それ以外ならば、記載する必要はない。
新システムになってからは、写真用ツールなどの判断を行っていない為、写真URL入力部分があると、写真用ツールとして認識されてしまう。代替画像を利用したい場合には、写真URL部分は空白のまま、設置してもらいたい。

写真URLは自分でアップロードしたURLになる。URLの調べ方は、使う写真が表示されている状態（インターネット上）で、写真の上で「右クリック→プロパティ」とすればアドレス（URL）の項目内に表示される。横長の写真はちゃんと写るが、縦長の写真は横に広がってしまう為、お勧めできない。
自分で加工ができるならば、
標準サイズの場合横幅178px、縦幅135pxに。
ミニサイズの場合ならば、横幅148px、縦幅112pxに指定すると綺麗に表示される。

上記画像を右クリックして、プロパティを選択すると下記のような画面になるはず。

上記のアドレス（URL）の項目にURLが書かれている。

アドレスの最後で左クリックをし、クリックしたままでアドレスの先頭までずらせば、上記のようにURLが反転する。全てのURLが反転すれば、クリックを外し、反転しているURLの上で、右クリックする。そうすると下記のような画面がでてくる

コピーをクリックすれば、先ほど反転させたURLをコピーした状態になっているはずなので、それをフォームに貼り付ける。

上記が貼り付けた状態。
文字のエンコードを指定する
当ツールの直下には、広告が表示される。その広告を表示する際に、エンコードを指定していなければ文字化けが発生する為、エンコードの指定を行ってもらっている。
それぞれのブログでは、文字コードが異なるので、調べてもらいたい。

ヤプログ、ライブドアブログ、FC2ブログは以下の通りなので、調べる必要はない。
ヤプログ：シフトJIS
FC2、ライブドア： EUC-JP

その他のブログでの調べ方は、ブログを開き、何も表示されていない場所で
右クリック→エンコード
とマウスを乗せると、エンコードが表示される。チェックのついているものが文字コードだ。

※ 表示がブラウザの設定により若干異なる。
赤丸の部分に記載されているのが、文字コードとなる。
（）内に記載されている文字列を以下のセレクトボックスから選択する。

ブログを貼り付けた後で、文字化けする場合は、他のコードでも試してもらいたい。
広告の表示
基本、広告の表示は必須である。では、なぜこの項目を作ったのかというと、1ページ内にいくつもチェッカーを設置する方がいるからである。
広告は原則1つ以上のチェッカーから呼び出せれば良い。
つまり、3つ設置している場合ならば、1つは表示。その他は非表示でも良いということ。
ただし、最上部のチェッカーで表示にする必要がある。
もしも、全てのチェッカーで非表示になっていた場合、利用制限を行う。
上記の内容でタグを取得するボタンをクリック

タグ取得するボタンをクリックすれば、タグ取得後の画面が表示される。
タグ取得ページ
正常な入力ならば、下記のようなページが表示されるはずである。（赤い枠と文字は表示されない）　正常に表示されているかを必ずチェックしておくこと。正常に表示されていない、もしくは「Error」と表示されている場合、入力が間違っている。
また、アイコンをクリックして、チャット画面が正常に表示されるかも確認しておく。

1．ツールのタグ
　当ツールの表示を行う為のタグである。
　タグの上で、右クリックして、「全て選択」を選ぶ。タグが反転され、青くなったら、
　もう一度、タグの上で右クリックし、「コピー」を選べばコピーが出来た状態になる。
　コピーできたなら、自分のブログの掲載したい部分に、そのタグを貼り付けるだけ。

2．当サイト用のタグ
　当サイトへのリンクは必須ではなくなった。ただ、リンクしてくれると管理人が喜ぶ。
　２の枠にタグを用意しているので、良ければ、リンクしてもらいたい。
　バナーリンクが良い場合は、リンクについてのページ内でタグを取得できる。