URLパラメータです。その仕組み

YouTubeエージェンシーである私たちが担当するのは、コンテンツ制作（ストーリーボード、キーワードから制作まで）だけではありません。メディアの見せ方もその一環です。強いて言えば、Youtubeです。ビデオコンテンツを素早く、簡単に、世界中で利用できるようにすることは、かつてないほど容易になっています。

効果と最適化：なぜ実際に？

マーケティングは常に、できる限り障壁を少なくすることが重要です。簡単に言えば

クリック数が増えるごとに顧客を失う

私たちの目標は、PR（ブランド認知）、メルマガ登録、販売完了などのプロセスを最適化することで、常に可能な限りシンプルにすることです。動画も同様です。

原則として、ユーザーが動画の内容を見るためには、まず積極的に「再生」を押す必要があります。上述したように、特定の機能は、URLのパラメータによって起動または再起動することができます。

埋め込み用コード：2方式

ホームページや自社のネットショップに初めてYouTube動画を埋め込んでみたいという初心者の方のために、2つの埋め込み方法についてご紹介します。方法1は、デフォルトでiFrameを使用するものです。Youtubeの動画をページ内で再生可能にする小さなHTMLコードです。2の方法は、WordPressなどの一部のCMS（コンテンツマネジメントシステム）で提供されており、HTMLコードを使わずに動画のURLを自動的に変換して埋め込むことができます。

埋め込みコードの例

• <iframe width=”560″ height=”315″ src=”https://www.youtube.com/embed/AWlR0Z10UpI” title=”YouTube video player” frameborder=”0″ allow=”accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture” allowfullscreen></iframe>。

ですから、このURL https://www.youtube.com/embed/AWlR0Z10UpI にアクセスすれば、HTMLコードでの埋め込みに関するものだとわかります。

WordPress用ヒント：URLの自動変換WordPressでは、ブラウザからのURLhttps://www.youtube.com/watch?v=AWlR0Z10UpIを直接エディタに挿入すれば十分です。その後、WordPressは自動的にURLを埋め込み用に変換します。しかし、ここではパラメータが機能しません動画マーケティングにパラメータを使用したい場合は、YouTubeの埋め込みコードを使用する必要があります。

このように、iFrameの埋め込みコードから、さらなるヒントを得るためのURLです。

• HTML (iFrame 埋め込み) – https://www.youtube.com/embed/AWlR0Z10UpI

例「Autoplay」：パラメータの追加について

オートプレイについては、もう少し詳しくご説明します。ここでは、個々のパラメータの追加方法について簡単に説明します。

• HTML (iFrame 埋め込み) – https://www.youtube.com/embed/AWlR0Z10UpI?autoplay=1

重要です。

1. 最初のパラメーターは、URLに?
2. 追加された各パラメータは、 ＆で追加されます。

Tip!原則として、常に「=0」と「=1」の値があります。「=0」は設定を無効にし、「=1」は設定を有効にします。

• Autoplay=0 – 再生時にのみ動画が開始されます。
• Autoplay=1 – 動画が自動的に再生されます。

結果：Before / Afterの例

重要なパラメータのリストに入る前に、ここではBefore/Afterの比較を行います。

前（標準

アフター（パラメータ付き

ここでは、同じビデオを見てみましょう。

1. 自動再生 > autoplay=1
2. 繰り返し > loop=1
3. 要素の色 白 > color=white
4. ミュート > mute=1
5. スタート時間が30秒 > start=15
6. 外部推奨ビデオなし > rel=0

そのため、動画は30秒で直接始まり、外部の提案された動画なしで終了します（つまり、他の人、もしかしたら競争相手かもしれない第三者のコンテンツではなく、自分のチャンネルの動画だけです）。

コードです。

• <iframe title=”YouTube video player” src=”https://www.youtube.com/embed/5Oe5h8YsKKs?autoplay=1&loop=1&color=white&mute=1&start=15&rel=0″ width=”560″ height=”315″ frameborder=”0″ allowfullscreen=”allowfullscreen”></iframe>。

サウンドをオフにする。ミュート

ミュート」では、音を出さずに動画を再生することができます。特に「オートプレイ」機能があると有利です。

URLパラメータです。

• ミュート=1

例

• HTML (iFrame 埋め込み) – https://www.youtube.com/embed/AWlR0Z10UpI?mute=1

Autoplay：自動再生

Autoplayは、インターネットのページ上でYoutubeの動画を自動的に再生する機能です。

URLパラメータです。

• Autoplay=1

例

• HTML (iFrame 埋め込み) – https://www.youtube.com/embed/AWlR0Z10UpI?autoplay=1

類似ビデオを隠す

rel」パラメータは、再生中の動画の最後に表示される類似動画を非表示にしたい場合に役立ちます。

例

• Rel=0

例

• HTML (iFrame 埋め込み) – https://www.youtube.com/embed/AWlR0Z10UpI?rel=0

カラー：カラーチェンジ

再生バー（時間／既視感）の色を設定します。

URLパラメータです。

• カラー=レッド
• 色＝白

例

• HTML (iFrame 埋め込み) – https://www.youtube.com/embed/AWlR0Z10UpI?color=white

Flashの代わりにHTML5プレーヤー

playsinline “では、HTML5プレーヤーで動画を開始することができます。

• Playsinline=1

例

• HTML (iFrame 埋め込み) – https://www.youtube.com/embed/AWlR0Z10UpI?playsinline=1

言語の設定。ユーザーインターフェース

ユーザーに特定の言語のユーザーインターフェースを表示させたい場合は、URLに「hl」というパラメータを使用します。hl “の後には、ドイツ語は “DE”、スペイン語は “ES”、フランス語は “FR “など、2桁の国コードが続きます。

Xはそれぞれの国のコード

• Hl=X

例

• HTML (iFrame 埋め込み) – https://www.youtube.com/embed/AWlR0Z10UpI?hl=ES

コントロールを隠す。コントロール

“controls=0 “は、ユーザーにビデオだけを見せ、プレーヤーのコントロールを “邪魔 “したくない場合に有効です。

“controls=2 “は、ユーザーがアクティブに再生しているときにのみ、Flash Playerをロードします。この設定は、時間のロード時間を短縮できるので実用的です。これが検索エンジンの最適化につながり、特にEコマースでは数分の一秒を争うことになります。

URLパラメータです。

• Controls=0 – プレーヤーのコントロールエレメントを表示しない
• Controls=1 – プレーヤーのコントロールエレメントが表示されます。コントロールとFlash Playerがすぐに読み込まれる
• Controls=2 – control=1と同じですが、再生するまでFlash Playerが読み込まれません。

例

• HTML (iFrame 埋め込み) – https://www.youtube.com/embed/AWlR0Z10UpI?controls=0

タイトルとチャンネルの非表示（再生前

showinfo “というパラメータは、動画のタイトルやアップロード者の名前などの情報が、動画の再生開始前にプレーヤーに表示されないようにするためのものです。

• Showinfo=0

例

• HTML (iFrame 埋め込み) – https://www.youtube.com/embed/AWlR0Z10UpI?showinfo=0

字幕を表示する: cc_load_policy

デフォルトでは、ユーザーの設定が常に選択されています。字幕を常に表示させたい場合は、パラメータ「cc_load_policy」を使用します。

URLパラメータです。

• Cc_load_policy=1 – 字幕が常に表示されます。

例

“cc_load_policy=1 “では、常に字幕が表示されます。

• HTML (iFrame 埋め込み) – https://www.youtube.com/embed/AWlR0Z10UpI?cc_load_policy=1

動画の一部を再生するなど、実用的です。

Repeat：ビデオをループで繰り返す

ループ機能は、YouTubeの短い動画に特に有効です。このようにして、映像が何度も繰り返し再生されます（＝ループします）。

URLパラメータです。

• ループ＝1

例

• HTML (iFrame 埋め込み) – https://www.youtube.com/embed/AWlR0Z10UpI?loop=1

時間：開始と終了の設定

このようにして、動画がいつ始まり、いつまた止まるのかを判断することができます。これは、例えば、「トップ5」のビデオから1つの製品だけを表示したい場合などに有効です。

スタート時間の設定ビデオスタート

値 “start “は、ビデオの開始時間を決定します。このようにして、自分の好きな位置から直接映像がスタートします。秒単位で指定します。

Xは “2 “のような整数です。

URLパラメータです。

• スタート＝X

例

“start=15 “とすると、映像が15秒から始まるようになります。

• HTML (iFrame 埋め込み) – https://www.youtube.com/embed/AWlR0Z10UpI?start=15

セット終了。ビデオエンド

end “という値は、再生の自動終了時間を決定します。スタート時と同様、秒単位で表示されます。

Xは “2 “のような整数です。

URLパラメータです。

• End=X

例

“end=120 “とすると、動画が120秒で停止します。

• HTML (iFrame 埋め込み) – https://www.youtube.com/embed/AWlR0Z10UpI?end=120

これらは最も重要なパラメータでした。Youtubeでは常に最新のものが見られます。パラメータ。

Tip!Google UTMのパラメータはもうご存知ですか？

電子商取引におけるトラッキング – 電子商取引会社は、いつ、どのチャネルで販売が行われたかをどのように判断するのでしょうか？Googleでは、「UTMパラメータ」と答えています。

オンライン・マーケティングでは、成功を測定すること以上に重要なことはありません。YouTube、Facebook、Instagram、TikTokなどのソーシャルメディアネットワーク上のキャンペーンだけでなく、Google AdsやNative Adsにも対応しています。簡単に説明すると、すべてのプロジェクトにはURLがあり、これはユニークなものです。Like https://example.com/ – このURLを拡張することで、例に見られるように個々のソースを追跡することができます。このようにして、訪問者の流れを特定することができます。https://example.com/?utm_agc=petra – これが何を意味するのか、UTMパラメータがどのようにモニタリングとレポーティングのために機能するのか、この記事で学んでください。

• UTMパラメータ

です。

ビジネス（およびプライベート）のための共有と埋め込み

すべてのウェブマスターのためのヒントですこの記事の最後では、CSSクラスを分けることで、YouTube動画をさまざまなエンドデバイスに対応させる方法をご紹介します。つまり、YouTubeの動画は、パソコン、ノートパソコン、タブレット、スマートフォンの間の異なるエンドデバイスの画面サイズに合わせて表示されます。そして、これは完全に自動化されています。

リグラム、リッピング、リトリート、これらはすべてコンテンツ制作だけに関係するものではありません。もちろん、個人の方も他のコンテンツの共有を利用していますから。面白いビデオ、有益なもの、ジョーク、ミーム、または単にかわいい動物のビデオ。インターネット、特にソーシャルネットワークには、クリエイティブな写真や動画が溢れています。人は、コンテンツが感情を刺激すると、それを自分のものにしたくなります。そのため、自分のタイムラインには、自分のためだけでなく、友人のためにも多くのコンテンツが共有されています。やはりトレンドに敏感であることをアピールしたいものです。トレンドの把握はもちろん、「見て、見られて」、それがソーシャルネットワークの醍醐味です。

海外のコンテンツを共有することは許されるのか？

ソーシャルメディアプラットフォームに登録すると、誰もがそのプラットフォームの一般的な利用規約に同意することになります。これらはすでに、コンテンツがソーシャルネットワーク内で自由に共有されることを規定しています。そのため、メディアは、プラットフォームを離れない限り、あらかじめ定義された特定の方法でユーザーが共有することができます。ソーシャルネットワークによって、許可の形態は異なります。これは、コンテンツの共有がすべてのネットワークで同じではないためです。一部のネットワークでは、コンテンツを他の人が共有することを奨励しています。一方、他のネットワークでは、コンテンツを共有することをより困難にしようとしています。ここでは、ソーシャルネットワークの詳細と、簡単または複雑なコンテンツがどのように共有されるかについて簡単に見てみましょう。

投稿、リンク、写真、動画 Facebookでシェアする

Facebookは、Twitterに次いで、コンテンツを共有するための最もオープンなネットワークです。自分のブログやオンラインショップへのリンクでも、雑誌などのメディアでも、自分や友人の写真、企業のウェブサイト、さらには動画など、すべての記事そのものでも構いません。このように、Facebookはマルチメディアコンテンツを配信するのに最適なプラットフォームです。比較的制約の多いInstagramやSnapchat、Tiktokなどの他のプラットフォームではダイレクトリンクができませんが、Facebookではソーシャルメディア・マネージャーとして完全に息抜きができます。

Facebookでは、あらゆるメディアを再利用できるだけでなく、もちろん第三者のメディアを自分で利用し、それをリサイクルすることもできます。しかし、この時点では、常に現在の法的状況と、もちろん現在の規約を確認する必要があります。なぜなら、最新であるにもかかわらず、利用規約は細部に至るまで常に変化しているからです。例えば、ケンブリッジ・アナリティクスのデータスキャンダルから今日の「Facebook Privacy 2.0」まで、Facebookのプライバシー設定の変遷を紹介した記事があります。

しかし、原則的には、利用規約や各国の法律の範囲内であれば、外国メディアの利用や再利用に関しては、ソーシャルネットワーク内で独立して行うことができます。

です。

Facebookの利点は、ターゲットグループが非常に広いことです。20歳の人から、40歳の女性、50歳の男性、そしてそう、60歳の年金受給者まで。そのため、Facebookでは、いわゆるターゲティングやリターゲティングによって、非常に正確に人々にアプローチすることができます。

デメリットとしては、Facebookはすでに世界最大のソーシャルネットワークであるため、ランキングは非常に注目されていることです。毎日何十億枚もの写真がアップロードされ、何十億もの記事が書かれています。Facebookアプリでプレゼンスを得てすぐに表示される人と、アプリのニュースフィードに表示されない人。これこそがFacebookの収益源であり、企業が大きなリーチを獲得したいのであれば、オーガニックリーチに頼るのではなく、ペイドリーチに頼らなければならないのです。もちろん、ソーシャルメディア・ブログにも多くのヒントが掲載されています。

Facebookのコンテンツを自分のウェブサイトで共有するにはどうすればいいですか？Facebookの写真や動画、投稿を自分のWebサイトに埋め込む場合、HTMLコードを埋め込む必要があります。これはとてもシンプルです。

• オープン https://facebook.com
• 投稿、写真、動画を選択
• ここで、「Embed post」を選択します。
• これで、HTMLコード、iframeが表示されました。
• HTMLコードのコピー
• ウェブページへのHTMLコードの挿入

投稿、リンク、写真、動画 ツイッターで共有

前述したように、TwitterはFacebookに次いで、コンテンツを共有するための最もオープンなネットワークです。様々なメディアコンテンツを共有することも可能です。当初、Twitterは最大140文字の短いメッセージに限定されていました。今日では、つぶやきの長さも格段に長くなり、メディアコンテンツもテキストだけでなく、写真や動画、さらには記事やオンラインショップの商品へのリンクも共有できるようになりました。

ツイッターの欠点は、非常に特定のトピックについてのみで、大きなリーチを得られないことです。そのため、より多くの人にリーチしたいのであれば、他のネットワークに注力すべきだと思います。特にFacebook、Instagram、YouTube。

Twitterではどのようにツイートを共有していますか？

• オープンhttps://twitter.com
• ログイン
• お好みのツイートを選択
• 左下の2つ目のアイコンを押して、Retweet
• オプションで、独自の説明文を追加できるようになりました。
• つぶやきを送る

WordPressや他のWebサイトにツイートを埋め込むにはどうすればいいですか？

Webサイトにツイートを埋め込む方法は、原則として2種類あります。デフォルトでは、ツイートはHTMLコード、いわゆるiframeを使って埋め込まれます。しかし、特にWordPressをお使いの方には、投稿に直接リンクを挿入するという選択肢もあります。そして、コンテンツマネジメントシステムは、そのリンクを自動的にTwitterの埋め込みに変換します。

です。

ウェブサイトへのTwitterの埋め込み

• 上記のとおりです。Twitterを開いてログインし、「ツイート」を選択
• 右上の矢印を押す
• ツイートを埋め込む」を選択
• これで、HTMLコード、iframeが表示されました。
• HTMLコードのコピー
• ウェブページへのHTMLコードの挿入

WordPressでのTwitterの埋め込み

• 上記のとおりです。Twitterを開いてログインし、「ツイート」を選択
• 右上の矢印を押す
• リンクをコピー」を選択
• WordPressページへのリンク挿入
• システムが自動的にリンクを埋め込み用に変換します（ヒント！これはYouTubeの動画でも使えます）。

例

Wohnungsverkauf – Was muss ich machen?!
Ablauf, Unterlagen, Kosten und Verkaufspreis #Ratgeberhttps://t.co/APCqzGtxCE

— IhrHausverkauf.de (@ihrhausverkauf) August 11, 2019

インスタグラムでの写真・動画の共有

Instagramは、コンテンツの共有に関しては、前出の2つの候補に比べてオープンではありません。インスタグラムでは、コンテンツを直接共有する方法はありません。

ヒントリポストアプリを使うこのようなリポストアプリは、GoogleのPlayStoreだけでなく、AppleのiStoreでも無料で提供されています。これらのアプリでは、個々のメディアコンテンツのリンクを簡単にコピーして（アプリ内に）貼り付けることができ、自分のチャンネルで写真やビデオを共有することができます。

自分のウェブサイトにインスタグラムを埋め込むことはできますか？

他のネットワークと同じように、好きな投稿を取り上げて、右上の小さな矢印を押して「埋め込み」を選択するだけです。Instagramでは、あなたのウェブサイトに適したHTMLコードがすぐに表示されます。Tip!WordPressでは、記事へのリンクを挿入するだけで十分です。つまり、設定にアクセスしてコードを取得する必要はなく、投稿をクリックしてからページのURLをコピーしてWordPressの投稿に貼り付けるだけで十分なのです。

です。

写真をPinterestでシェア

Pinterestは、検索エンジン最適化におけるリンク構築のための優れたソースです。同時に、Pinterestはメディアコンテンツの共有にとてもオープンです。すべてのユーザーは、ピンボードと呼ばれるさまざまなギャラリーを作成することができます。それぞれのピンボードには、異なる写真をアップロードしたり、共有したりすることができ、それぞれの投稿はピンと呼ばれます。Twitterの投稿をツイートと呼ぶように。このように、ユーザーのソーシャルメディアチャンネルは、いくつかのギャラリー、いわゆるピンボードで構成されています。ユーザーはお互いのコンテンツに自由にアクセスできます。これにより、自分で写真を撮っていなくても、完成度の高いピンボードを作ることができるのです。そのため、メディアコンテンツはここでも照合によって価値を発揮します。例えばチューニングカーのように、一つのテーマに集中して専門的に取り組めば、ここで特別なボードを作ることができます。メルセデス、BMW、ルノー、VWなどの各自動車ブランドの場合。さらに言えば、車のブランドにちなんで、車のパーツごとにピンボードを用意するのもいいでしょう。例えば、メルセデスのインテリア、メルセデスのサウンド、メルセデスのリムなどを作ることができます。

より多くのボードを作成し、競争相手が少ないほど、Pinterestでのリーチをより早く増やすことができ、その後のトラフィックを利用して、在庫のある商品を自分のオンラインショップにリンクさせることができます。これで、無料のリンクソースができましたね。

Pinterestをウェブサイトに埋め込むことは可能ですか？

はい、もちろんです。FacebookやPinterestだけでなく、Instagramでも同じように、特定の投稿を選び、設定で共有や埋め込みのオプションを探すだけでいいのです。そこには必ずiframe用のHTMLコードがあります。それをコピーして、自分のウェブサイトに貼り付けるだけでいいのです。

YouTubeでの動画共有

最後になりましたが、YouTubeです。YouTubeの動画は埋め込みに最適ですが、共有にも適しています。

YouTubeの動画を自分のYouTubeチャンネルで共有するには、プレイリストを作成する必要があります。このプレイリストには、目的に応じてさまざまな映像を保存することができます。例えば、現在のチャート曲からプレイリストを作成したり、iPhoneの解説ビデオや、自転車や自転車用品を扱うオンラインショップであれば、自転車の修理に関する解説ビデオなど、さまざまなテーマのプレイリストを作成することができます。

しかし、YouTubeの動画は、検索エンジン最適化の面でも成果を上げています。自分のウェブサイトやブログ、オンラインショップなどに埋め込むことで、ユーザーがより長くサイトに滞在することができます。Webサイトの滞在時間は、Googleや他の検索エンジンからの評価において、非常に重要な指標となります。つまり、検索エンジンは、ユーザーに最適なコンテンツを見せることを重視しています。最良の状態とは、滞在時間が長く、頻繁にインタラクションがあり、次のページへの訪問があることです。検索結果をクリックしたユーザーがアクティブであればあるほど、そのページの評価は高くなります。もちろん、常に競合他社との比較で。

例えば、自転車や自転車用アクセサリーの話題であれば、自分のブログで自転車やサイクリング、自転車用アクセサリーをテーマに、様々なビデオチュートリアルをより詳しく説明することができます。しかし、既存の記事に動画を埋め込むこともできます。

どのようなメリットがありますか？

例えば、800文字の記事があったとします。平均読書時間は1.12分。例えば、自転車のチューブの修理をテーマにした10分程度のYouTube動画を埋め込むことで、訪問者に動画全体を見てもらい、同時に自転車を修理してもらうことで、1.12分の間ページに滞在してもらうだけでなく、ページの平均滞在時間を3.5分、4分と伸ばしていくことができます。これは、第三者が作成したYouTubeの動画を埋め込むことで実現しています。素晴らしい内容です。

です。

YouTubeの動画を自分のブログに埋め込むにはどうしたらいいですか？

YouTubeの場合、埋め込みには2つの方法があり、やはり標準的なウェブサイトと、特にWordpressの場合は、コンテンツマネジメントシステム独自の変換によるダイレクトリンクがあります。

YouTubeのウェブサイトへの埋め込み

• YouTubeを開き、ビデオを選択
• ビデオを埋め込む」を選択
• これで、HTMLコード、iframeが表示されました。
• HTMLコードのコピー
• ウェブページへのHTMLコードの挿入

WordPressでのYouTubeエンベッド

• 上記の手順に従ってください。YouTubeを開き、ビデオを選択
• ページのURLをコピーする
• WordPressのページにURLを挿入
• 埋め込み用のURLを自動的に変換します。

これもWordPressの圧倒的な強みです。WordPressは、それぞれのビデオリンクをエンドデバイスに合わせてレスポンシブにあらゆるサイズに変換します。一方、YouTubeの標準的な動画の埋め込みは、516×350ピクセルのサイズです。画像の解像度が高いエンドデバイスでは、すぐに映像が鮮明に見えます。そのため、CSSの調整により、それぞれのエンドデバイスに合わせて動画サイズを調整することが必要です。

ヒントと余談!CSSによるレスポンシブなYouTube動画

CSSを使ってYouTubeのフォーマットを変更したい場合は、個々のiframeに個別のクラスを割り当てることができます。これにより、スマートフォン用のクラス、タブレット用のクラス、ノートPCやパソコン用のクラスを指定することができます。ユーザーが使用するエンドデバイスの画面サイズに応じて、YouTube動画の埋め込みサイズが画面または画面解像度に適応します。

例をシンプルにするために、ノートPCやパソコンなどの据え置き型デバイスと、タブレットやスマートフォンなどのモバイルデバイスを分けて考えます。限界点、つまりCSSクラスが変化する画面のピクセル数を、両方とも980ピクセルと定義しています。まず、CSSファイルに2つの新しいクラスが作成されます。

CSSのクラス分けの例。

メディアオンリースクリーン and (max-width : 901px) {…
#no-youtube-video {
display: none;
}
}

CSSファイルが適応された後も、YouTube動画埋め込み用のコードをクラスで拡張する必要があります。埋め込み用の標準的なYouTubeコードはこのようになっています。

<iframe width=”560″ height=”315″ src=”https://www.youtube.com/embed/b_VdyV_dNB4″ frameborder=”0″ allow=”accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture” allowfullscreen></iframe>

適応はコードにクラスを与えるので、その後は次のようになります。

<iframe class=”no-youtube-video”width=”560″ height=”315″ src=”https://www.youtube.com/embed/b_VdyV_dNB4″ frameborder=”0″ allow=”accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture” allowfullscreen></iframe>。