Warning: include(/home/users/2/lolipop.jp-a-virtual/web/dhmo/dhmo/wp-content/advanced-cache.php): failed to open stream: No such file or directory in /home/users/2/lolipop.jp-a-virtual/web/dhmo/dhmo/wp-settings.php on line 74

Warning: include(/home/users/2/lolipop.jp-a-virtual/web/dhmo/dhmo/wp-content/advanced-cache.php): failed to open stream: No such file or directory in /home/users/2/lolipop.jp-a-virtual/web/dhmo/dhmo/wp-settings.php on line 74

Warning: include(): Failed opening '/home/users/2/lolipop.jp-a-virtual/web/dhmo/dhmo/wp-content/advanced-cache.php' for inclusion (include_path='.:/usr/local/php/5.4/lib/php') in /home/users/2/lolipop.jp-a-virtual/web/dhmo/dhmo/wp-settings.php on line 74
【facebookアプリ】ソース有り、サイトへの良いねボタン設置方法|WordPressの投稿ページに良いねボタンを設置する方法 – Androidアプリつくったった

【facebookアプリ】ソース有り、サイトへの良いねボタン設置方法|WordPressの投稿ページに良いねボタンを設置する方法

ソーシャルいいね

サイト上に『いいね!ボタン』を設置しよう!


ソーシャルいいね
サイト内に下記のような『いいねボタン』設置されているのを見かけたことがあると思います。
facebookページの『いいね』はサイトだけというより
今回はこのようなボタンの設置方法を画面、ソース公開で紹介します。
 

 

いいね!先についてご紹介

『いいね!』先は目白で見つけた『ドラマのバック』まで取り扱う、
バックのオーダーメイドショップのfacebookページです。
一見ちょっとおしゃれな町の小さなショップといった見た目のお店ですが
ドラマに使われるような道具ってこんなところから生まれているんです。
行ってみるとドラマで実際に使われたモデルのバッグに本当に触ることができます。
 
オーナーさんがとってもいい人なのでわたしもこのお店を応援するべく『いいね』しています
>>facebookページはこちらから
 
実はこのページ『いいね!』を押すと秘密が公開される仕組みになっていたりします。
緊急取調室バッグ
 
▼ さてココからは画面とソースを交え
 

手順を簡単に説明

手順はたった3ステップです。
 
1.まずは、facebookコネクトにアクセスします。
2.次に、下の画像のような画面になるので、対象facebookページのURLを『URL to Like』に入れ詳細を設定します。
◎ Layoutは4タイプから選べます。
◎ Include Share Button 一緒にシェアボタンを入れるかと言う設定ですが、
             デフォルトでチェックが入っています。外しても問題はありません。
 

3.GET CODEをクリック>>タブでiframeを選択すると下記のようなソースが出てくるはずです。
  これを投稿記事などにコピーして貼り付けます。
 

<iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FBeato-Rosso%2F708713055828047&width=600&layout=standard&action=like&show_faces=true&share=true&height=80&appId=1472678006289192" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:600px; height:80px;" allowTransparency="true"></iframe>

 
以上で『いいねボタン』が設置できたかと思います。
次回は『いいね』の有無によって表示の変わるページの作り方を紹介します。
 
参考になれば幸いです。

About the Author

dhmo
Author:DHMO(ディベロッパー名) 仕事では自社サービス・メディアの開発を行ってます。 趣味でAndroidアプリ製作を行っています。 カラオケではランキングバトルにはまっております。 Mail: dihydromooxide7@gmail.com 

Be the first to comment on "【facebookアプリ】ソース有り、サイトへの良いねボタン設置方法|WordPressの投稿ページに良いねボタンを設置する方法"

Leave a comment

Your email address will not be published.


*