こちらの手順に従って、Facebook の「いいね」ボタンをウェブサイトに追加しました。基本的に、次の HTML を追加しました。
<div class="fb-like" data-href="http://www.festivals.ie"
data-send="false" data-width="100"data-show-faces="false" data-font="verdana"
data-layout="button_count">
</div>
そしてこの JavaScript:
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s);
js.id = id;
js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1&appId=29208799875673";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
ボタンを押すと、次のポップアウトが表示されます。
ポップアウトには、Web サイトを説明するテキストが含まれています (赤い丸で囲まれています)。このテキストは、ページに表示される最初の空でない <p>
要素 (上から) からコピーされたようです。
これをサイトをより適切に説明するものに変更する方法はありますか? を追加してみました
<meta name="description" content="my website description"/>
しかし、それは何の違いもありませんでした。