トップページ > ブログ > こんなに簡単!facebookのシェアボタンの設置方法

BLOG

ブログ

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を有効活用してみてください!

Happiness in Design

シアワセをデザインする会社

営業ゼロで年間600件以上
お問い合わせをいただいている
ノウハウを惜しみなく。

アプリコットデザインには創業当初から営業マンはいません。
創業当初からWEBを活用することに重点を置いて、これまで試行錯誤してきました。その結果、年間600件以上の問い合わせををこのホームページから得ています。ホームページという集客ツールを提供している私たち自身が、自社のホームページで集客できないのでは、お客様に自信を持ってオススメすることはできません。自社の実験から「WEBを活用して集客するためのノウハウを蓄積」した上で、誰よりもホームページの素晴らしさを知り、自信をもってお客様にご提供していきたいと考えます。

VIEW MORE

CONTACT

お問い合わせ・ご相談は
お気軽にどうぞ。

tel.0120-622835

営業時間/10:00〜18:00 
定休日/土日祝日

プロジェクト

それぞれの
らしさ溢れる日常を。

カフェ、トリミングサロン、ネイルサロン、スクール「tone village(トーンビレッジ)」

カフェ、トリミングサロン、ネイルサロン、スクール「tone village(トーンビレッジ)」

カフェ/ドッグサロン/
ネイルサロン/スクール

tone village

We're open.

採用情報

recruit info

豊かで彩りのある社会をつくる!

私たちは仕事を通して、一人でも多くの人が未来に対する希望を描けるような、そんなワクワクする社会をつくっていきたいと思っています。

VIEW MORE