記事内にyoutubeを挿入する方法と関連動画を非表示にする方法

副業アフィリエイトで月収10万稼いだOL・mariのレクチャーブログ

フルタイムで働きながネットで稼ぐことに成功したお局OLのブログへようこそ♪

動画コンテンツは閲覧者の滞在時間を短くする?

 

記事を作成するにあたり、
いくら良い文章であっても、
そこに画像などのコンテンツがないと、
なんだか読む気がしなくなりますよね?

 

そこで、
適度な場所に画像などのコンテンツを入れていくわけですが、

 

記事の内容によっては、
YouTubeにUPされている動画を挿入することで、
より閲覧者に喜ばれる記事を作ることができます。

 

今回はYouTubeの動画を記事の中に挿入する方法について、
お伝えします。

 

・・・ですが、
ただ動画を挿入するだけだと、
動画の最後に【関連動画】が表示されてしまうため、

 

この関連動画に興味ある動画を見つけてしまうことで、
せっかくの来てくれた閲覧者が広告をクリックされることなく、
あなたのサイトから離れてしまいます・・・

 

こういったことを防ぐためにも、
関連動画を非表示にする「裏技」を、
合わせてお伝えしていきます。

 

YouTubeを記事に挿入する方法

いくつか方法があるようですが、
ここではいつも私がやっている方法について、
お伝えしていきます。

 

●記事に挿入したいYouTubeの画面を右クリックする。

 

 

するとこのようなメニューが表示されるので、
この中の【埋め込みコードをコピー】をクリックして下さい。

 

※ここをクリックすることで、
表示されているYouTubeのコードがコピーされます。

 

 

●ワードプレスのダッシュボードに移動し、
YouTubeを挿入したい記事にこの【埋め込みコード】を貼り付けます。

※その時記事の投稿モードを【ビジュアル】から【テキスト】に変えてからコードを貼り付けて下さい。
【ビジュアルモード】でコードを貼り付けてもYouTubeは表示されません。

 

こうすることで、
あなたの書いた記事にYouTubeを貼り付ける事が出来ます。

 

ただし。
このままだとYouTubeのサイズが大きすぎることがあり、
使っているテンプレートによっては、
スマホで表示されたときに画面からはみ出すこともあるので、

私はあえて画像のサイズを小さくしてUPしています。

 

取得したコードのサイズのままだと、
【640】【360】となっているので、
私はここを【340】【260】に変えています。

 

(動画のサイズについてはご自分でスマホ等で実際に表示させてみて、
ちょうどいいサイズに変えていくと良いかと思います)

 

 

関連動画を非表示にする方法

これで自分の記事にYouTubeが挿入され、
コンテンツの見栄えもよりグッとよくなりましたが・・・

 

しかし!
この動画を最後まで再生するとお分かりだと思いますが、

 

最後まで動画を見た後に必ず、
【関連動画】が表示されていますよね?

 

 

【関連動画】というくらいなので、
閲覧者にとって関心のある動画が表示される可能性が高くなることで、

 

その結果、
せっかく来たブログの閲覧者が最後まで記事を読むことなく、
違う場所に移動してしまいます。

 

こうなると、
特にアドセンスで広告を貼っている場合などは、
非常に勿体ない結果となってしまいますよね?

 

そこで、
この埋め込みコードを入力(貼り付け)したあとに、
もう一つ作業を加えることで、

 

関連動画を非表示にする事が出来ます。

 

●埋め込みコードに【?rel=0】を入れる

 

(例)<iframe width="640" height="360" src="https://www.youtube.com/
embed/ ○○○×××●● " frameborder="0" allowfullscreen></iframe>
(「○○○×××●●」は取得したコードによって違います)
というコードの場合、

「○○○×××●●」と「 " frameborder」の間に、
?rel=0】というタグを入れます。

 

→<iframe width=“640” height=“360” src=“https://www.youtube.com/
embed/○○○×××●●?rel=0" frameborder="0" allowfullscreen></iframe>

 

 

このひと手間を加えることで、
動画の最後に【関連動画】が出なくなります^^

 

YouTubeの動画を記事に挿入する際は、
必ずこのタグの挿入も行って下さいね。

 

 

記事の中に画像はもちろん、
動画があることで、
閲覧者の滞在時間がより長くなります。

 

そして滞在時間が長くなるということは、
結果的には「閲覧者にとって為になるサイト」と、
Googleに高く評価されるための材料ともなります。

 

しかし・・・
せっかく長く滞在してもらったにも関わらず、
【関連動画】が最後に表示されることで、
閲覧者がその関連動画に流れてしまう可能性が出てくるため、
アクセスが集まる割には収益が伸びないという、
残念な結果になってしまいます。

 

それを防ぐためにも、
【関連動画】を非表示にすることは大事なので、
YouTubeの動画を記事に挿入する際は最後に必ず、
ご紹介したタグ【?rel=0】をぜひ使ってほしいと思います。

 

※尚今回ご紹介したYouTubeの挿入方法については、
「無料プレゼント内」にPDFとしてUPしておりますので、
記事の内容が分かりにくかった場合はぜひ、
コチラをご覧下さい^^

 

今のお給料より 

あと少しの収入が欲しい!

このマニュアル本を 

ブログ訪問された方に 

無料でプレゼント中! 

※詳しくはコチラ

 

ブログ作成   コメント:4

この記事に関連する記事一覧

コメントは4件です

  1. こんばんは。
    ブログランキングから来ました。
    関連動画を非表示にする方法があるのですね。
    とても勉強になりました。
    応援して帰ります。

    • mari mari より:

      totochanさん、
      いつもコメントありがとうございます。

      関連動画非表示することで、
      サイトの滞在時間を長引かせることができるので、
      ぜひやってみてくださいね!

      また役立つネタ見つけたら、
      記事にUPしますので、
      よろしくお願いします^^

  2. Yoppi より:

    mariさん。
    こんばんは^^

    サイト滞在時間対策に動画を貼り付ける!
    しかも、関連動画を非表示にする!

    とってもわかりやすい記事ですね。
    これから、動画に挑戦しようと
    考えているのですが、

    ブログ掲載について、、
    先に学ばせていただきました。

    ためになる記事をありがとうございました。
    応援ポチ完了です!

    Yoppi

    • mari mari より:

      Yoppiさん、
      おはようございます。
      コメントとポチ、
      ありがとうございます^^

      動画に挑戦されるんですね!
      動画も今流行のネットビジネスのひとつですよね?
      頑張ってください。

      そして今回ご紹介した、
      動画をブログに貼る方法。
      とても簡単なのでぜひやってみて下さいね。

      これからもよろしくお願いいたします。

コメントフォーム

名前

 

メールアドレス

 

URL

 

 

コメント

トラックバックURL: 
TOPへ戻る