WebサイトにFacebookのようなボタンを埋め込む方法

2011年12月現在、8億4500万人がFacebookを定期的に利用しています。 このように多くのユーザーがいるため、Facebookのパートナーシップは企業のビジネスを向上させることができます。 誰かがWebページ上の「いいね」ボタンをクリックするたびに、そのFacebookユーザの友達へのニュースフィードにそのページへのリンクが表示されます。 Open Graphタグを追加すると、リンクがユーザーのプロフィール情報に表示されるようになり、サイトの露出度がさらに高まり、企業がターゲット広告を使用できるようになります。 Facebookは、Webページに[Like]ボタンを配置するための適切なコードを生成するフォームを提供しています。

1。

リソースの下にリストされているアドレスでFacebook Developersコンフィギュレータに移動します。

2。

[Get Like Button Code]というタイトルのセクションの上部にある[Like to URL]ボックスに、お気に入りのWebサイトのURLを入力するか貼り付けます。

3。

あなたがあなたのサイトでそのオプションを望まないならば、「送信ボタン」の隣のボックスのチェックを外してください。 このボタンをクリックすると、訪問者は自分のすべての友人のアドレスを投稿するのではなく、Facebookまたは電子メールを通じて特定の友人にあなたのページのURLを送信できます。

4。

ドロップダウンメニューから希望のレイアウトを選択します。 選択肢には、標準的なつまみ、いくつの "いいね"が発生したかを示す数字付きの水平ボックス、または数字付きの垂直ボックスがあります。

5。

目的のボタンの幅をピクセル単位で入力します。

6。

ページを「いいね」した人のプロフィール写真を表示したくない場合は、[顔を表示]の横のボックスをオフにします。 ボタン数またはボックス数のレイアウトを選択した場合は、プロフィール写真を表示することはできません。

7。

ボタンに明るい背景と暗い背景のどちらを使用するか、および設定の最後にあるドロップダウンメニューから、使用するフォントを選択します。

8。

ボタンのコードを生成するには、[コードの取得]ボタンをクリックします。

9。

ボタンを表示するWebページのコードにコードをコピーして貼り付けます。

10。

Get Open Graph Tagsセクションの[Title]ボックスに、会社または会社の役職を入力します。

11。

[種類]の下のプルダウンメニューから業種を選択します。 「記事」、「食べ物」、「非営利」などの選択肢があります。

12。

ビジネス用ホームページのアドレスを[URL]ボックスに入力するか貼り付けます。 メインページは恒久的なページである必要があるため、これはメインページのアドレスにする必要があります。

13。

次のボックスにサイトを表す画像へのURLを挿入します。 画像は最低50 x 50ピクセルでなければなりません。

14。

[サイト名]ボックスにサイトの名前を入力します。 これは一般的なサイトの名前であり、特定のページではありません。

15。

[管理者]ボックスにFacebook ID番号を入力します。 アカウントにログインしている場合は、適切な番号がボックスに表示されます。 番号が表示されない場合や正しくない場合は、自分のアカウントにログインして、カバー写真のすぐ下にある[情報を更新]をクリックしてプロフィールページに移動します。 ページ上部のアドレスバーには、URLの "id ="の直後にID番号が表示されます。

16。

フォームの下部にある[タグを取得]ボタンをクリックします。

17。

コードの一部の直後に、結果のコードをコピーしてページに貼り付けます。

先端

  • レイアウトなどのオプションを選択すると、コンフィギュレータの上部にあるサンプルボタンが変わり、完成品の外観がわかります。

警告

  • [送信]ボタンは、Javascript SDKを使用しているサイトでのみ機能します。

人気の投稿