自社ブログがシェアされたら、ページへの「いいね!」ボタンを追加する方法(OGP追加)

目次

自社ブログがシェアされたら、ページへの「いいね!」ボタンを追加する方法(OGP追加)

昨日、facebookの開発者向けアップデートで、新しくブログ投稿者のためのタグがリリースされました。

これは、自社のブログ記事がシェアされたときに、OGP設定によって、ニュースフィード上で記事が表示されるだけでなく、そのページにまだ「いいね!」をしていないユーザには「いいね!」ボタンも表示されるという機能です。

2013 06 21 14 14 22

ソース:Platform Updates: New Open Graph Tags for Media Publishers and More

<選べる2タイプ>

  • シェアされたときfacebookページの「いいね!」ボタンを追加したい。
  • シェアされたとき個人アカウントの「フィードを購読」ボタンを追加したい。

<設定方法>

■シェアされたとき「いいね!」ボタンを追加したい場合

自社サイトの記事がfacebookでシェアされたとき、ニュースフィード上では、自社サイトに関連した「facebookページ」への「いいね!」ボタンが表示される(ページに「いいね!」していないユーザのみ)

・下記1行をhead内に追加:■■■■■ の部分は、自社のfacebookページになるよう各自調整してください。

<meta property=”article:publisher” content=”https://www.facebook.com/■■■■■” />

■シェアされたとき個人アカウントの「フィードを購読」ボタンを追加したい。

自社サイト上の記事がfacebookでシェアされたとき、サイトに関連した「個人アカウント」のフィードをまだ「購読」していない人に「フィードを購読」ボタンを表示させたい場合。

・下記1行をhead内に追加:■■■■■ の部分は、個人のアカウントになるよう各自調整してください。

<meta property=”article:author” content=”https://www.facebook.com/■■■■■” />

<条件>

OGP設定で、og:type が <meta property=”og:type” content=”article” /> のときに有効です。

<確認方法>

Facebook デバッガーでチェックしておきましょう。
https://developers.facebook.com/tools/debug

「いいね!」ボタンは、facebook広告でも表示が可能に。

ちなみに、この、「いいね!」やシェアされた記事に、ページへの「いいね!」ボタンが表示されるのは、facebook広告のスポンサード記事でも可能になってきていますね。


この記事を書いた人
株式会社ISSUN(イッスン) 代表取締役 宮松利博
株式会社ISSUN(イッスン) 代表取締役 宮松利博
1992年から営業畑のかたわら、独学で顧客満足向上システムを開発。営業実績を3倍に伸ばし1997年に売却。その後、WEBコンサルタントとしてEC数社を支援し、楽天12部門で1位など獲得(2社は上場)。代表事例には、学校前のパン屋を拠点としたダイエット通販の開発・EC支援で、3年でマイナスから年商20億円に成長させた(現ライザップ)がある。同社株式上場と同時に保有株を売却し、海外視察の後、2011年「小よく"巨"を制す」を掲げ、株式会社ISSUN立上げ。業界No.1に成長するクライアントを多数抱える。JASEC 日本イーコマース学会理事なども務める。
Scroll to Top