logo
 

Facebookいいね!ボタンの設置

Facebook, Twitter, Google+1のボタンを横並びに設置するには、AddThisを使うと簡単です。

Facebookの「いいね!」ボタンのコード発行ページへアクセスし、各パラメータを入力して[Get Code]。

すでにそのサイトに関するFacebookページまたはコメントプラグインなどのソーシャルプラグインがある場合は、Your Plugin Code画面で、「このスクリプトは次のアプリのIDを使用します」のプルダウンメニューでアプリを選択します。Javascript SDKのコードをコピーします。

Facebook「いいね!」ボタン

MODX画面でチャンクを作り、発行したコードを貼り付けてから、チャンク名をつけて保存します。

Facebook「いいね!」ボタン

チャンク作成例

チャンク名JavascriptSDK

カテゴリー Content(任意)
説明 Facebookソーシャルプラグイン用Javascript SDK(任意)

MODX管理画面でテンプレートを開いて、<body>タグの直後にそのチャンク名(例:{{JavascriptSDK}})を指定して保存します。

Facebook「いいね!」ボタン

再びFacebookの「いいね!」ボタンのコード発行ページGet Code画面に戻って、プラグインコードをコピーします。

Facebook「いいね!」ボタン

再びMODX画面でチャンクを作り、発行したコードを貼り付けてから、チャンク名をつけて保存します。

Facebook「いいね!」ボタン

チャンク例

チャンク名 FBlike
カテゴリー Content(任意)
チャンクの説明 Facebookいいね!ボタン(任意)

再度チャンクを開いて、チャンクコードのURL部分を[(site_url)][~[*id*]~]に修正します。こうすることで、いいね!ボタンの参照先が自動的にページ別のURLに変わります

このようにFacebookなどのソーシャル系との相性の良さもMODXの魅力です。

最後にテンプレートを開いて、いいね!ボタンを設置したい場所に、そのチャンク名(例:{{FBlike}})を指定して保存します。

関連記事

MODXとは

新着情報

 
RSS