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

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

fc2ブログにYouTube関連動画を自動表示する方法】に続き、Seesaaブログの各記事に「YouTube関連動画」を自動表示する方法をご案内いたします。

ちなみにSeesaaブログでは、タグのことを『ラベル』といいますが、言い方が違うだけでタグと全く同じ意味です。

手順

  1. 管理ページの【デザイン】→【CSS/HTML編集】
  2. テンプレートのリストが表示されますので、利用するテンプレート名(デザインタイトル)をクリック
  3. 【HTML編集】に切り替えて「<div class="Article__content"><% article.entire_body | bodyfilter(article_info,blog) | mark_raw -%></div>」を見つけてください。
    • 全文をコピーして、メモ帳等に貼り付け「<div class="Article__content">」を検索すると簡単に見つかります。
  4. 3のコード直下に下記のコードをコピペして保存すれば完成です。
<!--------
▼関連動画
--------->
<% if:list_tag -%>
<h3>関連動画</h3>
<script>
var tag = [<% loop:list_tag -%>'<% tag.word -%>',<% /loop -%>];
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>
<% /if -%>
<!--------
▲関連動画
--------->

YouTubeの検索キーワードは「2ワード程度まで」が感度良好ですので、複数ラベルが設定されている場合、前方2ワードを抜粋して、検索キーワードに割り当てます

なお、Seesaaのラベルは、あいうえを順に並べ替えられるようですので、思い通りに前方2ワードを指定できない場合があります。工夫してラベルワードを設定しましょう。

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

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

Related entry

Pickup entry