猫とMacの日々

 
--
 
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
 
03
 
文末にそのコードを記載しましたが、今しばらく私みーけのお話にお付き合いください(^^ゞ

なぜかFC2ブログからシェアされた記事の画像が意味不明の画像になるんですよ~!
それを調べ始めたらこれがこれが奥が深いんです。

Facebook-OGP-FC2BLOG3.png

〜ってダンボさんのバナーなんですけどね。記事とは無関係なわけなんですよ。

いろいろ調べてまず知ったことは、FC2ブログの記事が「いいね」されたり、シェアされたりしても、FacebookのOpen Graph protocol(OGP)にFC2ブログ自体が対応していないので、記事画像の特定もできていないということでした。

FC2ブログOGPに対応させるぞ!

下記ブログなどを拝見するとFC2ブログのテンプレートを改造しなければなりませんでした。

FC2ブログをFacebookのOpen Graph protocol(OGP)に対応させる : web memo.Ver.2FC2ブログをFacebookのOpen Graph protocol(OGP)に対応させる : web memo.Ver.2

web memo.Ver.2さんの仕様ではどんな記事でもプロフィール画像固定になります。

FC2ブログをfacebook OGP対応にする - crimsonj.netFC2ブログをfacebook OGP対応にする - crimsonj.net

記事画像になるとあるんですがcrimsonj.netさんの仕様で変更したら私の環境では意味不明画像4枚の固定になってしまいました。うわ~ん!

FC2ヘルプ | FC2ブログ | テンプレート用 変数一覧FC2ヘルプ | FC2ブログ | テンプレート用 変数一覧

こんなにあるFC2ブログの環境変数

そして、いろいろさらに調べたら、FC2ブログではトップの記事画像を指定する暗号である環境変数というものが設定されてないのでした。
それがないのでOGPを設定しても適当な画像がFacebookに張り付くみたいです。

私はプログラムなんてベーシックのGOTO文くらいしか知りませんので、crimsonj.netさんが変更した環境変数に近そうなものを「えいや~!」と片っ端から貼り付けてその効果を調べてみました。(^^ゞ
結果が良ければコードの是非なんて猫には関係ないも~ん。

1日中あ~でもないこ~でもないととっかえひっかえしていましたら!なんとうまくいく環境変数に当たりました!わ~い!

さて、ここから、そのコードのご紹介です!

テンプレートのHTMLの、<HTML>から<HEAD>の間に挿入します。

<html lang="ja" xml:lang="ja" xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">



こちらはテンプレートのHTMLの、<HEAD>から</HEAD>の間に挿入します。

<meta property="og:site_name" content="<%blog_name>" />
<meta property="fb:admins" content="あなたのユーザーNo" />
<!--myimage--><meta property="og:image" content="<%topentry_link>" /><!--/myimage-->
<!--index_area-->
<meta property="og:title" content="<%blog_name>" />
<meta property="og:type" content="blog" />
<meta property="og:description" content="<%introduction>" />
<!--/index_area-->
<!--permanent_area-->
<meta property="og:title" content="<%sub_title>" />
<meta property="og:type" content="article" />
<meta property="og:url" content="<%url>blog-entry-<%pno>.html" />
<meta property="og:description" content="<!--topentry--><%topentry_discription><!--/topentry-->" />
<!--/permanent_area-->



crimsonj.netさんの<%image_url>を<%topentry_link>に変えただけです。見つけるのは大変でしたが…。

これをそのまま貼ってはいけません。まだひと仕事残っています。
「あなたのユーザーNo」を下記リンクで取得して書き換えてください。
「あなたのユーザーNo」ってなんじゃらほい?FC2のIDかと思ったら全く違って
Facebook開発者のページにて発行してもらわなければならないんですよ。

Like Button - Facebook開発者Like Button - Facebook開発者


取得の詳細は下のページから。

Facebookインサイト設定の落とし穴、app_id, page_id, admins の違いとは - Six Apart ブログFacebookインサイト設定の落とし穴、app_id, page_id, admins の違いとは - Six Apart ブログ

ソーシャルメディア課長のヒカル女史が気品高く教えてくださいますわよ。(^^ゞ

Facebook-OGP-FC2BLOG2.png



これでなんとかFacebookに無関係画像が表示されることは滅多になくなりました。

Facebook-OGP-FC2BLOG1.png


以上、「力技にてFacebookの「シェア」でFC2ブログの記事画像を選んで投稿できるようにしてみました」でした。
ただし、私の環境だけでうまくいくのかもしれません。あなたの環境でうまくいかなくてもお教え出来るだけの知識はございませんので重々お許しくださいm(_ _)m
FC2ブログさ〜ん! 早くデフォルトでOGPに対応してくださいね。

あっそういえば、この駄ブログ、「猫とMacの日々」のFacebookファンページを作ってみました。
まだな〜んにもありませんが、ちょこちょこ書込しております。宜しかったらいいねしてやってくださいませm(_ _)m

猫とMacの日々猫とMacの日々




宜しかったら下のバナーをクリックしてやってください。FC2ブログさんも喜んでくれるに違いありません。









関連記事
スポンサーサイト
RSSリーダーで読んでね


Comment

2014.03.10 Mon 20:26  |  承認待ちコメント

このコメントは管理者の承認待ちです
  • #
  • -
  • Edit


(非公開)




(編集・削除用)


管理者にだけ表示を許可

Trackback

http://tamac.blog3.fc2.com/tb.php/633-9c6b9893

この記事にトラックバック(FC2Blog User)

Home

カレンダー

プルダウン 降順 昇順 年別

07 | 2017年08月 | 09
- - 1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31 - -


Apple Amazing LINKS

URLのABC順です

Apple Marvelous LINKS

URLのABC順です

以下ブログ休止中

Fantastic Cats LINKS

素材スペシャルリンク

とんとん工房の復活を願うひとりです。

猫屋敷連合(猫軍団)

AppleBlog百人百録2013

Apple系リンクブックです。 画像クリックでダウンロードページに飛びます。

私の渾身の作品をどうぞご覧ください。

ブロとも申請フォーム

リンク

メールフォーム

名前:
メール:
件名:
本文:

カテゴリー

FC2カウンター

feedburner

ブログ内検索

Ukphoto

伊勢志摩を本拠地に全国を奔走するドローンカメラマン中西学さんのページ。来る2月13日よりソニーストア名古屋にて写真展を開催します!

Jazz Vocalist 佳川夏己

3オクターブの音域を駆使し浸透性ある歌声で清楚も妖艶も演じこなすジャズボーカリストです。ジャズ好きなら彼女のステージを一度ご覧ください。1st CD 『PEONY』絶賛発売中。

iMug -伊勢志摩UserGroup-

ブログ「林囓mac」のMetalさん主催で開催される伊勢志摩地方のApple User Groupです。定例会を月一でされていますのでお近くならぜひご参加くださいね。

伊勢ゲストハウス風見荘

伊勢市駅から僅か徒歩2分。築80年の歴史ある旅館をボランティアで半年かけて大改造。全世界からお客様が泊まりに来るアットホームな伊勢のゲストハウスです。

おすすめのパソコン教室

アイテスプラスは名古屋市南区のパソコンスクールです。なんとスマホ、iPhone、iPadクラスもあるんです!優しい先生が手取り足取りお教えくださいますよ。

伊勢・河崎 モナリザ Cafe

モナリザは伊勢河崎に築150年の砂糖蔵を改装した喫茶店です。 伊勢路の新銘菓として名高い「サトナカクッキー」もおみやげにどうぞ。

おすすめのレストラン

伊勢志摩は鳥羽に花咲く桃源郷 イタリアンレストラン Cuccagna(クッカーニャ) あなたの素敵な時間のためにあるお店です

おすすめの博物館

Appleファンの琴線に響く博物館。その名も「Steve Jobs museum」 トブiPhoneのトブさんが全身全霊を傾けて建設中です!

twitter & tumblr

Follow Me


Like Box

つぶやき

BlogPeople





チーズスイートホーム

ランキング

にほんブログ村 PC家電ブログ Macへ にほんブログ村 猫ブログへ blogram投票ボタン

スポンサー

収益金は全て恵まれない猫のために使います。


みーけのおすすめ

プロフィール

みーけ

  • Author:みーけ
  • 無類の猫好きの私みーけがアップル系のお話を軸に自由に書き散らすブログです。
    貴重な情報は他で得て息抜きにお越しください。

    可愛い猫のトップ画像は「とんとん工房」のTOM様よりお借りしています。

    「猫とMacの日々」は2004年6月15日に開始しました。
    2005年11月30日までの記事はDoblogから移管しました。
    Broachで掲載した2005年12月1より2009年4月25日までの記事は湘南画材研究所の朝之丞さんのご好意により移管できました。
    ここに深く感謝いたします。

カンタン!ブログお引越しサービス

ブログのお引越しは『カンタン!ブログお引越しサービス』をおすすめします。

画像はPicasaにまとめてアップロードした後に画像リンク変更したMovable Type形式データを作成してくださいます。

最近の記事

最近のコメント

最近のトラックバック

RSSフィード

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。