PR コンピューターとインターネット ソフトウェア/ガジェット

ブログにFacebookの「シェア」ボタンを設置する…

これは、WordPressみたいな、ヘッダー部のカスタマイズが可能なブログ用と思って下さい。

  1. このリンク先を参考に、コードの取得まで行く。
    http://raining.bear-life.com/facebook/facebook%E3%81%AEshare%EF%BC%88%E3%82%B7%E3%82%A7%E3%82%A2%EF%BC%89%E3%83%9C%E3%82%BF%E3%83%B3%E3%82%92%E8%A8%AD%E7%BD%AE%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95
  2. 上記で取得したコード(<body>タグ直後用)を、ヘッダー部に張り付ける。
    (WordPressなら、ダッシュボードで「外観」→「テーマの編集」→「ヘッダー」と選択すると、ヘッダー部のコードの編集画面が出る)
  3. ここがミソです!
    シェアボタンを配置したい場所に、以下のコードを張り付ける。

    <script type="text/javascript" charset="utf-8" async="async">
    document.write('<div class="fb-share-button" data-href="' + document.URL + '" data-layout="button_count"></div>');
    </script>

    (取得したコードでは固定になっているURLを、現在表示しているURLをJavascriptで取得してボタンにセットするように改造したコード)

コレで、各ページに応じたURLを取得して、Facebookにシェアできるようになります(^^)v

Enjoy !

 

 

 

Amazon

-コンピューターとインターネット, ソフトウェア/ガジェット
-, , ,

Amazon プライム対象