fc2ブログにYouTube関連動画を自動表示する方法

利用者数も最も多い人気のブログサービス「fc2ブログ」に、各記事に設定した『ユーザータグ』に連動して「YouTube関連動画」を自動表示するカスタマイズをご案内いたします。

  • Seesaaブログの場合はコチラをご参考ください。

fc2ブログのデフォルトテンプレート「basic_white」の場合、テンプレートの設定を開き、217行目『<%topentry_body>』の下に以下を追記します。

<!--------
▼関連動画
--------->
<!--topentry_tag-->
<h3>関連動画</h3>
<script>
var tag = [<!--tag_list-->'<%topentry_tag_list_parsename>',<!--/tag_list-->];
var q = tag[0];
if(tag[1] != undefined){
var q = tag[0]+' '+tag[1];
}
var random = Math.random();
document.write('<script charset="utf-8" src="https://wdeco.jp/api/?'+random+'&uid=&parts=youtube2&genre=&row=2&query='+encodeURIComponent(q)+'"><\/script>');
</script>
<!--/topentry_tag-->
<!--------
▲関連動画
--------->

fc2ブログのユーザータグは、半角スペースで複数設定(最大10個)できるようですが、YouTubeの検索ワードは「2ワード程度まで」でなれば、該当データがヒットしにく為、ユーザータグの前方2個を検索キーワードに割り当てます。

テンプレートに上記ソースを設定しておけば、投稿記事(ユーザータグ)に関連した動画リストを、記事下に関連動画として自動的に表示できます。

fc2ブログをご利用の方は、ぜひお試しください。

ピックアップ