ライブドアブログに「YouTube関連動画」を自動表示する方法

ライブドアブログに「YouTube関連動画」を自動表示する方法

FC2ブログ、Seesaaブログに続き、ライブドアブログにYouTube関連動画を自動表示する方法をご案内いたします。

【ブログ設定】→【カスタマイズ】タブ→【個別記事ページ】タブにて、<$ArticleBody$>タグ内の任意の場所に以下を追記します。

<IfHasArticleTags>
<!--------
▼関連動画
--------->
<h3>関連動画</h3>
<script>
var tag = [<ArticleTagsLoop>'<$ArticleTag$>',</ArticleTagsLoop>];
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+'&parts=youtube2&row=2&query='+encodeURIComponent(q)+'"><\/script>');
</script>
<!--------
▲関連動画
--------->
</IfHasArticleTags>

記事投稿の際、タグを設定(複数可)された場合、前方2つのタグをYouTube検索ワードとして、関連する動画リストを表示できます。

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

Web制作備忘録
2019.07.06 07:21
2020.11.22 19:31

Related entry

Pickup entry