ブログ|静的志向

言語言語切替
日本語 English
サイト内検索

札幌在住のTakaによる静的htmlで作成したブログです。

素早く表示されるブログを作ることを目的として書いています。

facebookのシェアボタンを作るページまで移動するためのメモ

シェア

SNSボタンの中でもfacebookは断トツで設定が面倒です。一度や二度シェアボタンを作った程度では制作方法を把握できないので、今回ブログにメモしておきます。

順番通りの作業でシェアボタンは作れます

今回の内容は前提条件として「シェアボタンのアプリ開発が完了している」ことです。アプリ開発の登録などについては別記事で説明するので、少々お待ちください。

さて、まずはfacebook for developersにアクセスします。

グローバルスケールでつながる

画面右上の「マイアプリ」からシェアボタンを作りたいサイトのダッシュボードを開きます。

ダッシュボード

ダッシュボードの画面右上の「ドキュメント」を開きます。

Social Plugins

「ドキュメント」を開いたら画面を下にスクロールさせ、「Social Plugins」を開きます。

Share Button

「Social Plugins」を開いたら画面左フレーム内の「Share Button」を開きます。このとき画面が何も変わらない場合、「Share Button」を新しいタブで開いてください。

Share Button Configurator

「Share Button」の画面を下にスクロールさせると「Share Button Configurator」が現れます。あとはシェアするURL、レイアウト、ボタンサイズをそれぞれ選択し、「コードを取得」しましょう。

Javascript SDK

これで無事シェアボタンのコードを取得できました。

↓鋭意制作中↓

ダイエットエラミカ

私自身の実践と経験に基づくリバウンドしないダイエットについて詳しく解説しています。

筋肉量31.4kg

BMI21.9 筋肉型スリム

元の用紙はこちら

↑このように私自身の体組成結果をすべて公開しています。現時点で2年以上のデータ、体脂肪率1桁の結果は21ヶ月連続で達成中です。

詳しくは「ダイエットエラミカ」よりご覧ください。

Sponsor Link

シェアしてくれると嬉しいです