367）この日記とFacebookの「いいね！」ボタンの連動についての話

まいどです。清水です。
お疲れ様っす。

こんな情報はぶっちゃけどーでも良いともうのですが、とりあえず検証致します。
久しぶりだな、検証。

ご存じの方も多いと思いますが、うちの日記のコメント欄付近にはこんなボタンが羅列されています。

何かっていいますと、ようは各SNSでアカウントをお持ちの方がこれらのボタンを押すと、各ユーザのHOMEにうちの日記が紹介され、かつ、そのユーザの知り合いに拡散されるという、まぁ、ある意味SNSの中でも特徴的な機能のひとつです。

例えばFacebookアカウントを持ってる友達がFacebookボタンを押してくれると、こんな感じで表示されるんです。

そしてそう、今回問題にしたいのはこの写真部分です。

本来、こういうところで表示される画像ってのは、投稿内容の一番最初に来る画像なわけですが、なぜかうちの日記の場合、サイドバーに表示されている「最近のアイテム」ってとこの画像が表示されてるんですよ。

前回の日記だと、本当はあの神々しい写真が掲載されてしかるべきなのに、何故かこの「巾着トートバッグmini」の宣伝画像でございます。

うむ。これはイカン。

なんだかこの案内だけみると、いかにも「広告、広告」してていかがわしいすぎます。

なので、どーやったらこのトップ画像が表示されるかを調べてみたいと思います（リアルタイムで作業してるので、できるかどーかわかんない）。

まず、HTMLのソースを見てみると、どうやらソースが書かれてる順番としては「サイドバー」→「メインコンテンツ（中心）」っぽいですね。

このサイドバーのやつは、JUGEMの機能の「フリースペース」ってとこで編集・公開してますので、もしかしたら、そこに画像を組み込んでることでこういうことが起こってるのかもしれません。

ではそれを削除して、直接HTMLソースの中に組み込んでしまいます。

よーし、これで問題解決だ。

今日の日記も短くていいぞ！

早速Facebookボタンを押して確認してみる。

おやぁ？

なんでだ？

じゃ、試しにmixiのチェックボタンを押してみよう。

ほほー。こういうのが立ち上がるのか。

お、「画像をえらぶ」ってボタンがあるな。つまりここで画像を選ぶと、mixiでサムネール表示されるわけか。

こんなもん、大抵初期状態のままだろうけど、なんだ？この初期状態の画像は？

まぁ試しにクリックしてみる。

おやぁ？例の「神々しい画像」が表示されてないぞ？

※左から2番目の画像は、さっき追加したアクリルキーホルダー。

あー、この最初の小さなアイコンはあれか。ボタンとかの近くに並べてあるやつか。

何かよくわかんないけど、「JUGEM版いいね！ボタン」みたいやつ。

この画像選択ウィンドウを見る限り、画像が選ばれる順としては「真ん中の日記コンテンツ→サイドバー」って流れていることがわかります。

じゃ、なぜ日記の写真が飛ばされるのか・・・・。

なるほど、そういうことか。

ボクの日記のメイン画像とこの選択肢で表示されてる画像の「非」共通点は、画像のアドレスです。

ボクの日記では画像を大量に使うことが多いので、「graffiti-cat.jp」（グラ猫のサイトがあるとこ）のサーバに直接アップしてるんです。

ですがこの選択肢で出てきてる画像は、変更頻度も低いことからJUGEMのサーバ「http://graffiti-cat.img.jugem.jp/」にアップしてるんです。普通の人がブログを書くときにみたいな感じで、ブログ用のサーバに画像をアップしてるということ。

つまり、この推測が正しければ、トップ画像のみをJUGEMのサーバにアップさえすれば、mixiやFacebookでのサムネール表示がきちんとトップ画像になるんじゃないかしら。

じゃ早速、あの「神々しい画像」をJUGEMのサーバにアップして、昨日の日記を書き換えてみる。

じゃ、まずはmixiでチェック。

あれ、ダメじゃん。

Facebookボタンを押してみても、うむ、やっぱダメだな。

推測が間違ってるか、あるいは一番最初の段階でサーバにアップしてないとダメとか、そういうことなのかもしれませんねぇ。

とりあえず後者だと推測して、今回の日記のトップ画像をまずはJUGEMのサーバにアップして様子を見てみることにします。

あ、いや、いいよ。みんなは「Facebookボタン」押さなくて。
こっちで確認してみて、明日報告するんで。

まぁ、そんなとこ。