※ウェブサイトのシェアの場合
ＰＣ
①ＯＧＰを設置<head>内に書く
<meta property="og:title" content="タイトル" />
<meta property="og:type" content="website"/>
<meta property="og:url" content="ＵＲＬ"/>
<meta property="og:image" content="画像"/>
<meta property="og:description" content="内容"/>
②それぞれすきな場所に設置
■ＦＢ
<div id="fb-root" style="display:inline-block;"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.async = true;
js.src = "//connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v2.4&appId=ＦＢアプリのＩＤ(なくてもいい)";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="ＵＲＬ" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>
■ＴＷＩＴＴＥＲ
<a href="https://twitter.com/share" class="twitter-share-button" data-text="テキスト" data-via="紹介したいアカウントＩＤ" data-url="ＵＲＬ" data-lang="ja" data-related="紹介したいアカウントＩＤ" data-hashtags="ハッシュタグ">ツイート</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
■ＧＯＯＧＬＥ+
<script src="https://apis.google.com/js/platform.js" async defer>{lang: 'ja'}</script>
<div class="g-plusone" data-size="medium" data-href="ＵＲＬ"></div>
サイトのセキュリティの問題でTWITTERだけＯＧＰ読んでくれないそうです、、、
ＳＰ
ＳＰはいいねよりシェア優先の為、ＦＢとＧ+はシェアボタンになってます。
①ＰＣ同じくＯＧＰを設置<head>内に書く
略
②それぞれすきな場所に設置
■ＦＢ
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.async = true;
js.src = "//connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v2.4&appId=1553815201528339";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-share-button" data-href="ＵＲＬ" data-layout="button_count"></div>
■ＴＷＩＴＴＥＲ
<a href="https://twitter.com/share" class="twitter-share-button" data-text="テキスト" data-via="紹介したいアカウントＩＤ" data-url="ＵＲＬ" data-lang="ja" data-related="紹介したいアカウントＩＤ" data-hashtags="ハッシュタグ">ツイート</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
■ＧＯＯＧＬＥ+
<div class="g-plus" data-action="share" data-annotation="bubble" data-href="ＵＲＬ">
</div>
<script type="text/javascript">
var scriptTag = document.createElement("script");
scriptTag.type = "text/javascript";
scriptTag.src = "https://apis.google.com/js/platform.js";
scriptTag.async = true;
document.getElementsByTagName("head")[0].appendChild(scriptTag);
</script>
0 件のコメント:
コメントを投稿