comments trackbacks you may also like

ブログにFacebookのいいね!ボタンを設置する方法、FC2ブログは独自変数がポイント

2019年12月05日
FC2ブログ日記(カスタマイズの所感など)
0
#FC2ブログ #FC2ブログカスタマイズ #SNS連携 #Facebook #ウェブデザイン #ブログカスタマイズ #Facebookいいね!ボタン #Facebookページ #アクセスアップ #ブログ運営

FC2ブログにFacebookのいいね!ボタンを設置してみた ゆうらりHappySmile


こんにちは!FC2ブロガーのMです。


今回は、Facebookの「いいね!ボタンのお話しをします。


僕はずっとこれまで、このFC2ブログの個別記事下あたりにFacebookのシェアボタンを設置してきました。


ところが、ちょっとしたことをキッカケに「あれっ?何か変だな…」と思いまして(汗)


慌てていろいろ調べたうえで、これまでのシェアボタンにFacebookのいいね!ボタンを追加しました。


ちなみに、FC2ブログを使っていると、ブログにFacebookのいいね!ボタンを設置する方法って簡単なんですよね。

僕がこのFC2ブログにFacebookプラグインを設置したキッカケ

そもそも、僕がこのFC2ブログにFacebookのシェアボタンを設置したのはどうしてなのか?


なぜかというと、僕のブログを書く基本スタイルは、プロブロガーコグレマサトさんが書いた下記のブログ本を参考にしているからです。



ブログ運営をするうえで、SNSとブログを連携させる重要性について解説されてました。


さらに、Facebookページを作ってブログの記事にシェアするプラグインを設置することで、アクセスアップにつながるテクニックが紹介されていたのです。


僕は、それを参考にしたわけなんですね(^^)

今になってFacebookのシェアボタンに違和感を感じた理由は?

ところが今になって突然、長い間このブログに設置していたFacebookのシェアボタンに違和感を覚えました。


それは、「そうすれば、シェアボタンはどのブログでもよく見かける。しかし、Facebookのいいね!ボタンはあまり見かけないけど何故なんだろう?!」という疑問です。


実をいうと、FC2ブログにFacebookのいいね!ボタンを設置するのは簡単。管理画面から「環境設定」に入り、「ブログの設定」の所にある「Facebookとの連携」を有効にするだけで記事下に自動設置されますからね。


しかし、僕はこの機能をあまり使ったことがありません。設置場所が記事下に限られていますし、何よりもこのボタン。とても重いんですよ(汗)


だからといって、今のシェアボタンってのはどうなんだ?と思いまして…。なぜなら、僕の使用するAkiraさんのFC2ブログテンプレートにはもともとFacebookのシェアボタンが標準装備されていますから( ̄▽ ̄;)


Facebookのシェアボタンばっかり何個も設置するのは無駄でしょう?というのが違和感の理由でした。

ブログにFacebookのいいね!ボタンを設置する方法

ならば!ということで、僕はさっそくFacebookのいいね!ボタンを設置しようと思いました。


やり方を調べてみると、いたって簡単(^^)


>>いいね!ボタン - ソーシャルプラグイン - ドキュメンテーション - Facebook for Developers


上のサイトに入って数ヶ所の項目を選択。発行されたコードをブログテンプレートにコピペするだけでした。


なお、具体的な設定方法については上記のサイトでわかりやすく説明されてますが、下のサイトも参考になるかと思います。


こちらをクリック:一番下の記事へ移動


しかし、僕の疑問はまだ解消されません。こんなに簡単な設定でブログに設置できるFacebookのいいね!ボタン。なぜ他のブログであまり見かけないのだろう?


▼あわせて知っておいた方がいい情報

OGP設定は大事です

OGP (Opne Graph Protocol, オープン グラフ プロゥトコル) というのが何物であってどんな役割か、という説明です。結論から簡単に言うと SNSシェアを重要視する場合にはOGP設定が必須 です。...

Facebookのいいね!ボタンが使われない理由が判明?

Facebookのいいね!ボタンを設置する上の手順の中で、ひとつだけ注意点があります。


それは、ブログのurlを記述する箇所です。ここには、いいね!ボタンを設置するページのurlを書かなきゃならない。


ということは、設置するページごとにurlを書き換えなきゃならないの?ということになるわけですが、「じゃあ面倒だからやめた!」と諦めた方も多いのではないでしょうか?


ここで僕は気付きました。「もしかして、これが障害となってFacebookのいいね!ボタンがあまり使われてないのでは?」と…。

まとめ/ポイントはFC2ブログの独自変更

しかし、FC2ブログなら、この問題は簡単にクリアできますよね(^^)


何しろ、FC2ブログには「独自変数」というのがありますから。


やり方としては、記述するurlの所に独自変数を書くだけ


具体的には、urlの代りに<%topentry_link>(<>は全角になってます)と書けば良いわけです。これでわざわざ記事ごとにurlを書き換える必要がなくなりますね(^^)


出来上がったのがこちら。変更前と比べてみて下さい。


▼変更前

今まで設置していたFacebookページのシェアボタン ゆうらり Happy Smile


▼変更後

Facebookのシェアボタンに「いいね!」ボタンも追加してみた FC2ブログ ゆうらりHappySmile


なお、僕のブログに設置したようなボックスタイプは、「Facebookページプラグイン」と呼ばれていて、Facebookページを持っていないと使えないようです。


Facebookページは誰でも簡単に作れます。作り方は上にご紹介したブログ本でも分かりやすく説明されてますから、興味がおありの方はぜひ挑戦してみて下さい(^^)

追記

FC2ブログは独自変数が使えるのでFacebookのいいね!ボタンが簡単に設置できましたが、他のブログでもjsを使えば対応できるようです。下記の記事で紹介されていました。


▼関連記事

facebookのシェア・いいね!ボタンをURLの入力をせずに動的に設置する方法【SNSシェアボタンの埋め込み】

facebookのシェア・いいね!ボタンを現在ページURLを使って動的に設置・埋め込みする方法を紹介 &nbs…

\チェック/

【ランキングに挑戦中】

いつも応援クリック↓
ありがとうございます

にほんブログ村

関連記事
M
この記事を書いた人: M
ブロガー/FC2公式おすすめブログ認定/企業家/投資家/Fashion研究家/不動産コンサルタント/会社経営/将棋六段/おうちごはん男子部/料理を悪戦苦闘修行中/ヘッドスパとスイーツをこよなく愛する46歳/人生なんて気持ち次第‼︎きっと何くるないさ〜(´ー`)
FC2ブログオフィシャルおすすめブログ認定バナー日本ブログ村 プロフィール

この記事が気に入ったら
いいねとシェアしよう!

data-matched-content-ui-type="image_card_stacked" data-matched-content-rows-num="6,2" data-matched-content-columns-num="1,5"
現在の人気記事はコチラ!

コメント(0)

There are no comments yet.
未分類 (0)
シン・胃がん闘病記 (31)
┣  AVANT: 癌の余命宣告~共存 (20)
┗  セントラルドグマ: 父親の胃癌 (11)
胃がん(ブログ、闘病記録、胃癌ニュース、私の症状など胃ガン情報全般) (5948)
┣  胃がんブログ (285)
┣  よりぬき 胃がんブログ (16)
┣  胃がん闘病記・日記 (5586)
┣  酒場放浪記 (10)
┣  胃がん手術後の食事記録 (6)
┣  胃切除後の料理など (35)
┗  がん治療のクラウドファンディング (10)
胃がん History (85)
┣  ステージ3B 多発性高度リンパ節転移胃癌 (57)
┗  胃がん再発「転移性肝がん」で余命宣告 (27)
がん のこと(ガン情報全般) (512)
┣  がんブログ (290)
┗  がんニュース (222)
胃がん 障害年金ブログ (71)
┣  障害年金 - 準備編 (23)
┣  障害年金 - 審査から年金受給まで (12)
┣  障害年金 - 審査請求・不服申立 (26)
┗  障害年金 - 再審査請求 (10)
Amazon (ニュース、お得なセール情報など) (142)
┣  Amazonセール (2)
┗  📱kindleセール (139)
おもしろグッズ (11)
今日のエッセイ (114)
ニュース・芸能・話題 (778)
┗  転職・キャリアアップ (21)
占い・心理テスト (6)
恋愛・人間関係 (30)
終活ブログ (12)
グルメ (103)
┣  低糖質レシピ (25)
┗  お酒の飲み方 (2)
胃切除後の食事・レシピ (670)
┣  ご飯・おかゆ・和食 (174)
┣  おかず (139)
┣  味噌汁・スープ (74)
┣  カレー関係 (66)
┣  パン・洋食 (63)
┣  麺類 (112)
┗  その他、簡単レシピなど (39)
ブログ (244)
┣  FC2ブログ・便利ワザ・アイテム・HTML・SEO対策など (187)
┣  FC2ブログ日記(カスタマイズの所感など) (10)
┣  Google Adsense (アドセンス) (8)
┣  趣味や将棋のこと (31)
┗  ファッション (8)
iPhone の使い方・アプリなど (32)
司法書士 (26)
┣  仕事・実務や登記のこと (1)
┗  事件ファイル (25)
COLLECTION (27)
┣  家電 (11)
┣  ホーム&キッチン (4)
┣  ビューティー&ケア (5)
┣  QOLの改善&ヘルスケア (2)
┗  お酒 (5)