250 likes | 361 Views
ソーシャルプラグイン OGP 設定. ソーシャルプラグイン. https://developers.facebook.com/docs/plugins/. 重要なプラグイン. Like Button Comments. プラグインを導入する. デペロッパー登録 AppID 取得 プラグインタグ発行 サイトに設置 OGP 設定. 開発者登録 -1. https://developers.facebook.com/. 開発者登録 -2. 開発者登録 -3. 開発者登録 -4. 開発者登録 -5. 開発者登録 -6. AppID の取得 -1.
E N D
ソーシャルプラグイン https://developers.facebook.com/docs/plugins/
重要なプラグイン • Like Button • Comments
プラグインを導入する • デペロッパー登録 • AppID取得 • プラグインタグ発行 • サイトに設置 • OGP設定
開発者登録-1 https://developers.facebook.com/
いいね!タグ発行-1 https://developers.facebook.com/docs/reference/plugins/like/
OGP設定-1 Open Graph Protocolとは? 「このサイトは何のサイトなのか」ということを、 プログラムから読める形でHTMLに付加する記述方法 これをしておかないと、 Facebookで「いいね!」や「コメント」をされても 本当のパフォーマンスで拡散されていかない。
OGP設定-2 <meta property="og:title" content="記事のタイトル" /> <meta property="og:type" content="article" /> <meta property="og:description" content="記事の説明" /> <meta property="og:url" content="記事のURL" /> <meta property="og:image" content="画像のURL" /> <meta property="og:site_name" content="サイトのタイトル" /> <meta property="og:locale" content="言語" /> <meta property="fb:app_id" content="facebookのアプリID" /> • <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja" dir="ltr" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">
OGP設定-3 https://developers.facebook.com/docs/reference/plugins/like/
OGP設定-4 エラー = ”Required Property Missing”