メシのタネ

めしのたねになるIT情報配信サイト


【Facebook】コメント欄設置方法

,

  1. API
  2. 【Facebook】コメント欄設置方法

ブログとかへのfacebookコメントのつけ方

デベロッパー用のHPに飛びます。
ここに飛びます。


この時何か良く分からない事を聞かれて2つくらい入力しないといけませんが、
適当に入力してください。

僕は、上のテキストボックスには「コメント」と入力し

下のテキストボックスには「commentbutton」と入力しました。

アンダーバーとか入れるとエラーになるので入れないでください。

上の青帯のメニューから[DOCS]を選択してください。

英語ができる人は、詠みながらやっても良いのですが、

僕は読めないので適当にクリックしまくってどこで入力すればいいのか見つけました。

とりあえずこの[DOCS]ってやつクリックしてみてください。

Core Conceptsの中のSocial Pluginsをクリック

俺を押せといわんばかりに、iosだのWebだのなんだの書いてあるアイコンがあるのですが、

これを押さずに、Core Conceptsって見出しの中のSocial Pluginsをクリックしてください。

Commentsをクリック

コレをクリックすると、コメントの設定用のコードを作る為に

色々入力するテキストボックスが出てきます。



URL to comment onには、自分のサイトのURLを入れてください。
で、そのほかは適当に入れてください。

最後のGetCode押すと、ソースが出てきます。

ソースの貼り付け

で、このソースを表示させたい場所に貼り付けてください。
WordpressならsinglephpのContents出したすぐ下辺りがいいんじゃないでしょうか。
data-widthの数値を変えれば、横幅変わります。

一応ご丁寧にクラスがついているので、マージン取りたいとか色々やりたい人は
このfb-commentsになんかスタイルを設定してください。

僕は上から間隔開けたいのでmargin-top:20とかにしたような気がします。

HTML5しか使ってませんがコードは二つ貼りつける

1番目のコードをつけたすぐ下に2番目のコードを貼り付けました。

これ貼らないと表示されないので気をつけてください。

なんか僕もあんましよく分かってませんが、この手順でやればできると思います。

デベロッパのサイトがリニューアルしたら、配置場所など変わると思うので、この方法が

いつまで使えるのかは分かりません。


コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

This site uses Akismet to reduce spam. Learn how your comment data is processed.

若い頃、「仕事中にハマったこと」や「誰かに共有したい技術的な気づき」をアウトプットしたくてブログを始めましたが、勢い任せでよく分からない記事を大量生産し、あえなく飽きて終了。

改めて今、キャリア15年分の経験や知識が、これからITエンジニアを目指す方や、同じような課題で悩んでいる現役エンジニアの「メシのタネ」になるような記事を残したいと思っています。
※過去の記事は見ると精神が崩壊するため、そっとしておいてください。

🛠 経歴という名の珍道中:
文系Fラン → 広告営業 → Web営業 → 通信営業 → Web進行 → 出版 → Web媒体運用 → ソフトウェアハウス → SES → フリーランス

専門教育も受けず、転職歴も多数。履歴書はまるで時系列の事故記録のようですが、試行錯誤を重ね、なんとかエンジニアとして食べています。

このブログでは、そんな「履歴書クラッシャー型エンジニア」が送る、
名古屋一敷居の低い、実務に役立つ技術ブログを目指します。

PHP
魔王と行く! / Interface / Polymorphism / Ontology 深淵ガイドNew!!
Laravel
Laravel 12、「コード 1 行も書き換えず未来へ」──静かな革命の手順書New!!
Laravel
LaravelのMiddlewareって意味あるの?仕組み・使いどころ・やらかしまで整理してみたNew!!
Laravel
ServiceProviderって何してるの?DIの背後で動いてるやつの正体New!!
Laravel
LaravelのサービスコンテナとDI、「書いてるだけで動く」コードの正体
Laravel
Laravelのアーキテクチャ、実は誰もわかってない説