Facebook に保存するボタンをサクッと設置する

桜もすっかり散ってしまいましたね。カメラ初心者の僕は、意気揚々と EOS 70D を持って桜の撮影に出かけたのですが、全く上手く撮れず、来年こそは上手く撮りたいと思っています。

さて、Facebook が「保存ボタン」を外部に開放したよということなので、早速試してみました。既にいいね!ボタンの設置やシェアボタン、Facebook ページのプラグインなどを設置している場合は、Facebook の JavaScript SDK を導入済だと思うので、本当にサクッと終わります。どういう機能なのかは、Facebookが「保存ボタン」を外部に開放、日本では楽天とメルカリがファーストパートナーにを読んでみてください。

Facebook に保存するボタンの設置

設置方法は簡単です。いいね!ボタンと手順は同じです。

  1. アプリケーション ID の取得
  2. JavaScript SDK の設置
  3. Facebook に保存ボタン書き出し用 HTML の設置

手順はこれだけです。ほとんどの方が、JavaScript SDK の設置までは終わっているでしょう。最後の Facebook に保存ボタン書き出し用 HTML の設置については、以下の HTML をボタンを表示したい箇所に書き込んでください。

data-uri 属性はボタン設置ページの URL、data-size はボタンのサイズ(small or large)です。その他の詳しい説明は、保存ボタン – ソーシャルプラグイン 開発者向けドキュメンテーションを読んでみてください。ちなみに、WordPress に設置する場合は、こんな感じで大丈夫だと思います。

最後に

くっくるはここ最近、はてブや Pocket とは離れていて、殆ど Fcebook の保存機能を使っていました。なので、Facebook に保存するボタンは個人的に感激しています。ただ、保存し過ぎていて、過去に保存してものを探すのが大変です。Facebook さん、早めに検索機能を付けてください(笑)

それでは、本日はここまで。

この記事が気に入ったら
いいね!しよう

Twitter で VisuAlive を

Written by くっくる

2014 年 4 月に独立し、フリーランスとして HTML コーディング・WordPress サイトの構築の受託案件を中心に埼玉県で活動中。Twenty Fourteen のテーマカラーを簡単に変更できる ShaChiPoCo をはじめ、複数の WordPress プラグインを公式ディレクトリにて公開してる。

View all author posts →

コメントを残す