Facebookのシェアボタン


IMG_1679

最近、イベント続きで

毎日楽しく仕事をしている南です。

本当かヨッ!!

 

この頃、「いいね」ボタンより「シェア」ボタンを

設置する機会が多くなってきたので簡単にメモメモ。

 

「いいね」を押しても設定しないとタイムラインに出ない?ので

「シェア」の方が拡張しやすいのかな?

アクセス数をあげたい方はこの機会に「シェア」ボタンに変更してはいかがでしょうか。

 

まずは、facebook developersよりApps登録を行います。
https://developers.facebook.com/

Apps → Create a New App

アプリ名やカテゴリーを入力してと
01

 

登録できたら

Settingsページに行き名前やアドレス、URLをセットします。

02

んでんで

Status & Reviewページの【No → Yes】に

これで準備OK
02_2

 

次にシェアボタンを選び

Docs → Sharing → Social Plugins → Share Button

URLを入力してGet Code

いろいろなコードが用意されていますが、今回はhtmk5を選択。
03
①を<body>直後に配置
②を表示したい場所に配置

サーバーに上げて表示されました!!パチパチ

 

しかーーーーーし、

ポチッとしてみてもシェアできない!!

 

 

最後にfacebook DebuggerでシェアするURLをデバックすると、、、
https://developers.facebook.com/tools/debug/
04

正常にシェアする事ができました。パチパチパチパチ

 

おわり。

 

※実装は、自己責任でお願いしますね。

Scroll to top