f13

自分の持っているサイトにもfacebook

いいね!」ボタンを設置して、

facebookをやっていない人からも「いいね!」を

もらってしまいましょう!

一般的なHTMLで作成したサイト設置方法となります。

 

 

 

5クリックをするだけで完全自動集客

fm3

 

 

 


 

 

movie-01

 

詳しい動画解説

↓↓↓

 

 

 

facebook「いいね!」ボタンの設置方法

 

 

1、

 

まずはこちらにアクセス

Like Button for the Web

https://developers.facebook.com/docs/plugins/like-button

 

 

2、

f1

 こちらの画面が開くので、少し下へスクロール

 

 

3、

f2

 

こちらで詳細を設定していきます。

 

URL to Likeの欄に自分のホームページやサイトのURLを入力します。

Width欄はサイズの設定です。このままでもOK。450pxで作成されます。

 

 

4、

f3

 

Layout

表示形式を選択できます。

表示については以下の通りです。

standard

f9

box_count

f6

button_count

f7

button

f8

 

 

5、

f4

Action Type

ボタンの種類を選択できます。

Like いいね!

Recommend おすすめ

 

 

6、

f10

☑Show Friends’ Faces 

いいねしてくれた人のプロフィール写真を表示

☑Include Share Button

シェアボタンも表示

 

よろしければ青い「Get Code」ボタンをクリック

 

 

7、

f11

こちらのコードが表示されます。

1. Include the JavaScript SDK on your page once,
ideally right after the opening <body> tag.

こちらのコードはHTMLの<body>の直後にコピーして貼り付け

例:

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/ja_JP/sdk.js#xfbml=1&appId=374880459337631&version=v2.3";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

 

2. Place the code for your plugin wherever you want

the plugin to appear on your page.

こちらのコードは「いいね!」ボタンを表示したい場所に

コピーして貼り付け

例:

<p><div class="fb-like" data-href="http://pjoy.net/test/" data-layout="button_count" data-action="like" data-show-faces="true" data-share="true"></div></p>

 

 

8、

f12

 

 

5クリックをするだけで完全自動集客

fm2