Facebookの最近の記事

最後に、Movable Typeのテンプレートにソースコードを組み込みます。

Movable TypeのブログにFacebookコメント欄を設置する方法」から下記のソースコードを利用させていただきます。

<!-- Facebookコメント欄表示 -->
<div id="fb-root"></div>
<script src="http://connect.facebook.net/ja_JP/all.js#appId=690000417794350&xfbml=1"></script>
<fb:comments numposts="5" width="100%" publish_feed="true"></fb:comments>

  1. テンプレート

アーカイブテンプレートの「記事」に埋め込みます。

20150621000907-d78dddf0293ecd1328f560962bce22049025781e.png

続いて、Comments Pluginのソースコードを生成します。

  1. Getting Started

Getting Started > www をクリックすると、先ほどの「Facebook SDK for JavaScriptの設定」画面になります。

20150620202800-82935e7d843c7152f3cbe4c150b17eaca7042512.png

「いいね」ボタンと「シェア」ボタンの設置を試みたがどうも上手くいかない。

各所を探し廻った結果、Facebook Commentsを設置するのが無難では無かろうかいう結論に達したので設置してみました。

まずは、アプリケーションIDを取得します。

  1. 新しいアプリを追加する

Facebookに開発者でLoginします。

My Apps > Add a new app > www(ウェブサイト)を選択

20150620163951-8be0a5547fdd1b69732698fd1c6556a63d884dbe.png

2016年3月

    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    

アーカイブ

Trackback People

このアーカイブについて

このページには、過去に書かれた記事のうちFacebookカテゴリに属しているものが含まれています。

前のカテゴリはCronです。

次のカテゴリはGoogle Analyticsです。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。

Powered by Movable Type 6.2.4