サイトにFacebookページの「いいね!」ボタンを設置する方法

サイトにFacebookページの「いいね!」ボタンを設置する方法

Photo Nghia Le via Unsplash

サイトやブログにFacebookページの「いいね!」ボタンを設置する方法を紹介します。

関連記事

ウェブサイト・ブログのFacebookページを作成する方法
ウェブサイト・ブログのFacebookページを作成する方法
FacebookのApp ID(アプリID)を取得する方法
FacebookのApp ID(アプリID)を取得する方法
WordPressプラグイン「Revive Old Post」を使って、過去の記事をFacebookに自動投稿する方法
WordPressプラグイン「Revive Old Post」を使って、過去の記事をFacebookに自動投稿する方法

Facebookページの「いいね!」ボタンを設置する方法

いいねボタンを取得するには、事前にサイトやブログのFacebookページを作成し、App ID(アプリID)を取得しておく必要があります。

Facebookのページプラグインページにアクセスします。

「FacebookページのURL」にサイトのFacebookページのURLを入力し、「コードを取得」ボタンを押します。

いいね!ボタンの作成

「アプリID」からApp ID(アプリID)取得時に作成したアプリを選択します。

アプリIDの選択

表示されたコードをコピーします。上下2箇所に表示されるので、両方ともコピーしておきます。

コードを取得

あとは、先ほどの上下2つのコードをサイトやブログに埋め込むだけです。

WordPressに「いいね!」ボタンを設置する方法

ここでは、WordPressのウィジェットを使って、「いいね!」ボタンを設置してみたいと思います。

ウィジェット管理画面で、「テキスト」ウィジェットを追加し、「内容」に先ほどコピーしたコードを記入します。上下2つのコードをコピーしたと思いますが、2つのコードをつなげて1箇所に記入すればOKです。

コードを設置

これで、「いいね!」ボタンの設置は完了です。

いいね!ボタン

人気の記事

2017年、人気の無料WordPressテーマ100選
2017年、人気の無料WordPressテーマ100選
2017年におすすめしたい、日本語対応の有料WordPressテーマ10選
2017年におすすめしたい、日本語対応の有料WordPressテーマ10選
アドセンス運用に最適なWordPressテーマ3選
アドセンス運用に最適なWordPressテーマ3選

コメント

  • Posted on
  • Views 319