スポンサーリンク




BLOG

[2021年最新版]アフィンガー5(Affinger5)YouTube動画を貼り付ける方法!

 

こんにちは!ブリコラブログ!です。

今回は、人気ブログテーマのひとつ『Affinger5(アフィンガー5)』で作成記事にYouTube動画を貼り付けたい!という場合の設定方法についてお伝えします!

 

こちらの記事をご覧いただくと、以下 ↓↓ のような貼り付けが可能となります!

引用元)『劇場版「鬼滅の刃」無限列車編』公開中PV

 

また、当ブログでは有料テーマ「Affinger5(アフィンガー5)」を使用しています。このテーマに搭載されているYouTube動画の貼り付け方法プラグインなどを特にせずとも貼り付けれる方法を両方お伝えしますね。

 

それでは、早速一緒にやり方を学んでいきましょう!

当ブログテーマ Affinger5

 

 

 

 

『記事上でYouTube動画を再生する』か『リンク先で再生するか』を決めましょう!

 

・あなたの好み、または、ブログ読者目線に立って、“どのように再生させたいか?”をまず決めてください!

記事内で動画視聴が完結し他のページへ色々移動してもらうのは申し訳ない・・・ということでしたら記事上での動画再生を という具合ですね。

 

SEO対策にも!

記事上でYouTube動画を再生すると、基本的には読者が動画を観終わるまでページへ滞在することになりますね。滞在時間が長くなると、セッション時間が長くなるということにつながります!

 

記事の魅力化・集客には、動きのある動画によるプロモーションも欠かせないツールではないでしょうか??

動画貼り付けの意図/目的を明確にしてスタートです!

 

 

『ブログ記事上でYouTube動画を再生する』貼り付け方法

 

❶YouTube動画の「共有」からURLをコピーして貼り付ける!

・貼り付けたい動画の右下にあるボタン「共有」をクリックしてください!

 

・次に出てきた画面に表示されているURLをコピーします!

 

・コピーしたURLを、あなたの記事で貼り付けたいところにカーソルを合わせてペースト(Ctrl+V)します!ペーストするときは、「ビジュアル」の画面で操作してください!

 

すると、以下のような形式 ↓↓ で記事に埋め込まれたような表示になっているはずです!!

 

一つ目の貼り付け方法、マスターです!簡単ですよね!!

 

 

❷YouTube動画 埋め込み用コードで貼り付ける!

・貼り付けたい動画の右下にあるボタン「共有」をクリックしてください!

・次の画面一番左の「埋め込む」をクリックして、コードを表示させましょう。

 

コードをコピーしたら、記事編集画面を「テキスト」にします。※「ビジュアル」ではコードの貼り付けができません!!

 

コードの貼り付けが完了すると、❶の方法とおなじく あなたのブログ内記事に埋め込まれたような状態となります!

ブログ内の表示は❶と同じ状態となりますので、ここではブログ内の見え方を割愛致しますね

 

 

『リンク先でYouTube動画を再生する』貼り付け方法

 

❸動画リンク先をそのまま貼り付ける!

・貼り付けたい動画のURLをコピーしてください。

 

・次に、コピーしたURLを「リンクの挿入/編集(Ctrl+K)」を押してリンク挿入欄にペースト(Ctrl+V)します。

 

すると、以下 ↓↓ のような表示になるはずです!

https://www.youtube.com/watch?v=-ewm56D9DzY%3Ft%3D3

この方法ですと、記事の前後に説明書きがなければ「どこにリンクされてるの??」と、若干不安警戒がよぎってしまうかもですね・・・。

 

回避方法としては、「タグ▼」機能の中にある「カスタムボタン」との組み合わせを提案します!

カスタムボタン作成時にコピーしたURLを挿入し、以下のようなボタンを設置。

 

『劇場版「鬼滅の刃」無限列車編』

 

記事の説明と合わせて設定するとアクセントにもなり、効果的に表示できますよね!

 

 

❹アフィンガー5(Affinger5)の機能を使ってYouTube動画を貼り付ける!

・貼り付けたい動画の右下にあるボタン「共有」をクリックしてください!

・次の画面に表示されたURLの赤下線部の箇所のみコピーします。

 

・コピーした状態で、「タグ▼」「その他パーツ」「YouTube」の順で進んでください。

 

・すると以下のようなショートコードが出てきますので、id=のうしろコピーした文字をペースト(Ctrl+V)してください!

 

・完了しますと、以下のような形式で記事に埋め込みが完了となります。

 

 

『カスタマイズ』方法

 

❺YouTube動画の再生開始時間を指定する!

・ブログ読者の方に、「このシーンから動画を観てもらいたい!」という作者のニーズとサービス精神を満たす機能です!

設定方法はカンタンですので、ぜひ合わせてマスターしてみてください。

 

  • 例えば、『炎』のサビから聞いてもらいたい!という場合

 

・まず、サビがどこから開始するのか?を動画で確認します!(地味作業・・・)

※数字が小さくてスミマセン・・・『1:15』からがサビと分かりました!

 

・その状態で、右下にあるボタン「共有」をクリックしてください!すると、先ほどと違って左下の「開始位置」のところに「1:15」と表示されています

チェックボックスにチェックを入れてから「コピー」をクリックします。

 

・コピーしたURLを、あなたの記事で貼り付けたいところにカーソルを合わせてペースト(Ctrl+V)します!ペーストするときは、「ビジュアル」の画面で操作してください!

 

すると・・・LiSAさんが今まさにサビを熱唱するところからYouTube動画が再生されます!!

 

 

 

アフィンガー5(Affinger5)YouTube動画貼り付け・まとめ

 

  • ブログ記事にYouTube動画を貼り付ける方法は、「4つ
  • ブログ記事上で動画を再生する』または、『リンク先で動画を再生する』で貼り付け方が異なる!
  • ブログ読者に“動画をこのシーンから見てもらいたい!”というカスタマイズも可能!

 

 

いかがでしたでしょうか??

+α  のアクセントであなたの記事の魅力が2倍にも3倍にもなるYouTube動画の組み込み!ぜひチャレンジしてみてください。

 

私の記事で自作YouTube動画を組み込んだ記事がございます!参考にご覧ください。

人事部とは!?「4つの機能」と「仕事内容」の詳細解説

続きを見る

 

また、記事内の文字アイコンの装飾による魅力化についての記事もよろしければどうぞ!

[2021年最新版]Affinger5(アフィンガー5)丸付き数字・チェックリストの作成方法!

続きを見る

 

 

最後までご覧いただきありがとうございました!

次回のブリコラ!にもどうぞご期待ください!

 

 

 

  • この記事を書いた人

ブリコラブログ!

・東京都在住 大阪府出身 ・趣味 :ゴルフ/史跡めぐり/ドライブ ・好きなもの :お寿司 ・年収400万のときに、持ち株会で3,500万の資産をつくる ・その経験から❶資産づくり❷ビジネススキルを軸に 「何に役立つかわからないけど、何かある気がする!」が コンセプト「ブリコラブログ!」を運営

-BLOG

© 2021 ブリコラブログ! Powered by AFFINGER5