お問合せ先 無料見積もり

APRICOT DESIGN BLOG

こんなに簡単!facebookのシェアボタンの設置方法

UPDATE : 2017.02.07

アプリコットデザインのブログ

シェア
ブログの記事をシェアしてもらいたい!!
そんなときに良く見るのが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を有効活用してみてください!

    営業マンゼロだから低コスト・高パフォーマンス!東京・長野(長野市、松本市)・金沢(石川県金沢市)でホームページ制作・WEB制作・ネットショップ制作を中心に、ブランディングに繋がるロゴ制作・チラシ・名刺・パンフレット・DM・ショップカード等の各種印刷物、看板・のぼりなどの販促物を制作しているデザイン事務所アプリコットデザイン。

    [長野オフィス-本社-]
    〒381-2246
    長野県長野市丹波島1-805

    [東京ブランチ]
    〒100-0004
    東京都千代田区大手町 2-6-1 朝日生命大手町ビル2F

    [松本ブランチ]
    〒390-0851
    長野県松本市大字島内4619-3 QuintetDoor 1階南室

    [金沢ベース]
    〒920-0831
    石川県金沢市東山1丁目10-1 103

    記事が気に入ったら「いいね」してね。(SNSとは連動してません)

    0

    無料見積

    まずは無料でお見積もりを作成いたします。
    お気軽にお問い合わせください。

    無料見積もり

    お問合せ先

    クリックで
    事務所一覧が
    開きます

    tel.0120-622835

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

    Copyright © 2020 APRICOT DESIGN All Rights Reserved.