UPDATE:2017.2.7
- CATEGORY
こんなに簡単!facebookのシェアボタンの設置方法
ブログの記事をシェアしてもらいたい!!そんなときに良く見るのがSNSのシェアボタンですよね!
今回はfacebookをシェアするときのボタンの設定をしてみたいと思います!
①まずは画像を用意!
まずは設置するときの画像を用意します!良く見るのが四角いFとかかれたような画像でしょうか?
こんな感じの画像を入れて行きます!
ドーン!
②ogタグを設定しよう!!
そして、以前他の記事で紹介したogタグを入れて行きます。ogタグが入っていないとSNSのクローラーが見に来た時にうまくサイトの情報を取得できないため見せたい部分が見せれないので注意が必要です!!
ogタグの設定についてはこちらの記事を参考にして見てください!
↓
そのホームページ、SNS用に重要な設定してありますか?
ここの部分は大事になってきますのでしっかりとチェックして設置し忘れの無いようにしましょう!!
③シェアボタンを設置してみよう!
早くも最終段階です!①番で作った画像にいよいよシェアボタンとしての機能を持たせて行きます!
やり方が何種類かあるのですが、今回はsharer.phpと言うのを使って行きます!
ではいきなりコードです!
<a href="http://www.facebook.com/sharer.php?u=シェアしたい記事のURL&t=シェアするときのタイトル">1番で作った画像を入れる</a>こんな感じでコードを記述して行きます!!
パッと見ただけで入れる部分が簡単に分かりますね!!
実際にこの記事にもシェアボタンを追加してにたいと思います!
まとめ
どうでしょう?シェアできたでしょうか?
意外と簡単にシェアボタンを設置することが出来ましたね!!
facebookは他にもシェアのやり方があるのでまた紹介したいと思います!
その他「Google+」や「twitter」なども、また紹介して行きたいと思います!!
ではみなさんも記事に設置してSNSを有効活用してみてください!