ブログ アクセスアップ アメブロ~Twitter やり方&方法 ホーム » スポンサー広告 » ブログ アクセスアップ いろんな やり方&方法  »ブログにFacebookのコメント機能を設置する方法&やり方 (FC2など)

スポンサーサイト  

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
スポンサーリンク




★ブログ アクセスアップ サイトマップTOP>>
★ブログランキング攻略 アクセスアップ&ランキングアップ|★アメブロ アクセスアップ&ランキングアップ|
★ブログ/アメブロ アクセスアップ やり方&方法|★ブログ アクセスアップ Twitter|
★ブログ アクセスアップ SEO

category: スポンサー広告

tb: --   cm: --

ブログにFacebookのコメント機能を設置する方法&やり方 (FC2など)  

ブログ/アメブロ アクセスアップ やり方&方法

ブログFacebookコメント機能設置する方法やり方
FC2ブログ編(テンプレートをいじれるブログね)

ほとんどのブログサービスのブログには、

コメント機能がありますが

それって・・

同じブログサービスを使っている人しか

コメントできなかったり、

コメントができても

わざわざ

URLを入れないとコメントしてくれた人のブログに行けなかったり

そんなこんなで

満足できない。

ブログに、Facebookのコメント機能を設置すると

Facebookをしている人なら、だれでも

気軽にコメントできるし

Facebookで紹介もしてもらうことができるので

アクセスアップに直結するメリットもあります。

ってことで

FC2ブログにFacebookのコメントを設置しちゃうやり方

やってみるね♪

テンプレートをいじいじしちゃうので

テンプレートの複製するのわすれないでね~

バックアップしてね~


してもしなくてもOK


Facebookアカウント作成
べつに、Facebookを始めなくてもFacebookのコメントは使えますが
コメントしてもらえるついでに、仲良くなったりできるしコメントの管理に便利なので
迷ったら・・・初めて~

アプリ登録
しなくてもOKだけど、管理が便利になるので神経質な人はどうぞ♪

Facebook developers https://developers.facebook.com/apps/に行って

新しいアプリを作成をクリック


Facebook アプリ開発 developers

あとは、適当な名前をつけて、設置するブログ、サイトのURLを記入するなどの

設定をしてください。


Facebookコメントを設置する


Facebook developers comments https://developers.facebook.com/docs/plugins/commentsに移動

こんなところに到着

Facebook コメント設定

URL to comment onに・・・ブログのURL

widthで大きさの調整

あとは、どれだけのコメントを表示するか?カラーの選択をして

GeT Codeをクリックして

コードを取得

コード クリック


今回はHTML5で行います


タグが二つ

長いほうと短いほうがでますので

長いほうはテンプレートのHTMLの<body>の直後に

貼り付け

短いほうは、コメントを設置(表示)したいところに貼り付けます。


長いほうは、単純にコピペでOKなんですが

短いほうのタグは

そのまま、貼り付けただけだと

全部のページのコメントが一緒くたになるので

個別記事ごとにコメントをもらいたい場合は

短いほうのタグ

<div class="fb-comments" data-href="http://itigo3999.blog.fc2.com/" data-numposts="5" data-colorscheme="light"></div>
赤い文字のところがブログなので・・その直後に
ページごとにコメントをもらうために<%topentry_rlink>を挿入します。


<div class="fb-comments" data-href="http://itigo3999.blog.fc2.com/<%topentry_rlink>" data-numposts="5" data-colorscheme="light"></div>

この個別の記事ごとに、コメントをもらう設定にしないと

個別の記事についたコメントが全てまとまってしまいますので

ご注意を。


テンプレートをいじるので、複製してから

自己責任で挑戦してね♪

いちごは、<%topentry_rlink>を使ったけど

<%topentry_link>などの変数を使う場合は

<!--topentry-->

<!--/topentry-->

エントリーを繰り返すブロックないでしか使えないので

短いほうのタグの挿入場所は工夫してね♪


Facebookのコメントは、記事の下にあるのが一般的なので

記事の下にあったほうが分かりやすいので

記事下に埋め込んじゃってください。


テンプレートのHTMLを

だだだ~ってたどっていくと

続きを読むの下のほうに

<!--more-->
<%topentry_more>
<!--/more-->

ってところがあるので

<!--more-->
<%topentry_more>
ここに、いれて~
<!--/more-->

短いほう・・つまりFacebookのコメントを表示する場所にはるタグを
入れると全部のページのしたに、表示されます。(テンプレごとに違いますので注意)

そう・・あれといっしょ

ランキングバナーとか毎回記事に貼り付けるのが面倒なので

埋め込んじゃうでしょ?

あれと一緒♪

ほんで、長いほうのコードは

テンプレHTMLの<body>の直後ね♪

関連記事
スポンサーリンク




★ブログ アクセスアップ サイトマップTOP>>
★ブログランキング攻略 アクセスアップ&ランキングアップ|★アメブロ アクセスアップ&ランキングアップ|
★ブログ/アメブロ アクセスアップ やり方&方法|★ブログ アクセスアップ Twitter|
★ブログ アクセスアップ SEO
ブログ アクセスアップ いろんな やり方&方法 の関連記事

category: ブログ アクセスアップ いろんな やり方&方法 

thread: アクセスアップ

janre: アフィリエイト

tb: 0   cm: 0

コメント

コメントの投稿

Secret

トラックバック

トラックバックURL
→http://itigo3999.blog.fc2.com/tb.php/351-a33b51a8
この記事にトラックバックする(FC2ブログユーザー)

サイトマップ

カテゴリ

リンク

▲ Pagetop

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。