いいねボタンの設置方法

Categories | ホームページ

俗に言う「いいねボタン」、(Facebookのソーシャルボタン)を

当サイトに設置してみました。

今後自分で設置方法を忘れない為にココに残す。

まずは設置するページはカスタムページ(参考まで)

 https://www.hcz.jp/history/2007_09_11.html

で、コードを取得する本家本元のサイトは↓

http://developers.facebook.com/docs/reference/plugins/like/

Srep1 に必要箇所の入力

2012 0907 01 いいねボタンの設置方法

 ※ Widthを「 97 」に設定した訳はこちら参照

( いいねボタンカウンター枠がぁ!

「Get Code」ボタンを押すとコードが生成される。

因みに私は簡単そうなコード「IFRAME」を選択

2012 0907 02 400x174 いいねボタンの設置方法

生成されたコードを表示させたいところにコピペ。

いちおこれでもいいねボタンは表示されるが、

ポチッと押されてもカウンターがカウントしません(汗)

そこでStep2で新たにタグを生成します。

2012 0907 03 いいねボタンの設置方法

※ Adminはデフォルトが「0」になってるが、Facebookにログインしてれば

自動的にアカウントを表す数字が入る。

「0」のままだとエラー出るがそのままコピペでも支障ない。

しかし後々いいことが有りそう ^^ な感じだからログインして「Get Code」ボタンを押す。

2012 0907 04 400x183 いいねボタンの設置方法

「あなたのオープングラフタグ」!!

生成されたタグを <head> ココ </head> にコピペ。

しまい

Comment(0) | Trackback(0)

TAGS: / / / / | 2012年9月7日 |

« »

コメントを残す

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