お気軽にお問い合わせを 東京窓口 03-6206-6466 関西窓口 075-365-0571 03-6206-6466 075-365-0571

お問い合わせフォーム

お見積りフォーム

youtubelab

埋め込みコードで共有するYouTube

2012年10月 3日

こんにちは!fumiです!
さて、今回は前回に引き続き「YouTubeの共有方法」についてです。

前回は【メール】での共有方法をご紹介しましたが、
今回は【埋め込みコード】を使っての共有方法をご紹介します。

日常的にインターネットを使われる方であれば、
閲覧先のサイトでYouTube動画が貼り付けられているページを見たことがあるかもしれません。
ブログやSNS、最近では企業のサイトでもこうしたものが多く見られるようになりました。
私たちが日頃、アクセスしたページでYouTube動画を見かけることが増えている要因としては、
YouTube動画を載せて共有するのが非常に容易に行えるから、ということが挙げられます。

埋め込みコードは、その共有の一つの手段として使うことができます。  


06-01U.png 

【共有】ボタンをクリックすると、上の様に【埋め込みコード】ボタンが表示されます。
【埋め込みコード】をクリックすると、


06-02U.png 

上の様なコードがボックス内に表示されるので、
これをコピーし、ウェブサイトやブログに貼り付ければ、YouTube動画が貼り付けられます。
http://youtu.be/bHkdZWcGnHc この様に表示されます。   Facebook、Twitter、Google+で共有する場合、


06-03U.png 

埋め込みコード右横の各ボタンをクリックすれば、簡単に貼り付けられます。
Facebookでは、ボタンをクリックする


 06-04U.png 

この様な画面が出て、【リンクをシェア】をクリックすれば投稿が完了されます。
Twitterでは、ボタンをクリックすると


06-05U.png

この様な画面が出て、ログイン情報を入力し、【ログインしてツイート】を
クリックすれば、 投稿が完了されます。 Google+に関しても、
同様の作業で投稿が完了します。  

Amebaブログ、mixi、Yahoo! Japanブログ、gooブログ、楽天ブログ、tumblr.、
ウェブリブログに関しては、 ③の画面で【その他】をクリックすると


06-06U.png 

Facebookなどと同様にボタンが出てきますので、ボタンをクリックすると


06-07U.png 

自動的にコードが挿入された状態で記事投稿画面が出てきます。
(上の画面はAmebaブログ) そのまま投稿を行うと、
ブログ上にYouTube動画が貼り付けられます。
※記事を加える場合はコードが挿入された状態で行います。  
その他、これらのボタンに対応していないものに関しては、
例えば、WordPress というブログソフトウェアの場合では、


06-08U.png 

上画像で青くなっている【埋め込みコード】横の
短縮URLをコピー&ペーストすれば、
YouTube動画を貼り付けられます。
エキサイトブログなども同様に貼り付けることが可能ですので、
お使いのブログサービスで一度、お試し下さい。 この
短縮URL埋め込みコード
使って共有する方法は、 上記の「ボタンサービス」に対応しているAmebaやmixiなどでも、
もちろん可能です。

少し前までは、ウェブサイト上に動画が載せられているページのURLを貼り付け、
動画のページに誘導するものが多かったのですが、
現在では、以上の手順を踏めばYouTube動画を、その場に貼り付けられるようになりました。
また、
埋め込みコードを使えば、動画の再生終了時に関連動画を一覧で表示することも可能です。

実は、
埋め込みコードを使うと貼り付ける動画をカスタマイズすることが可能なのですが、
それに関しては、また別の機会にお話しします。  

それでは、次回もお楽しみに!      

Web広告&SNS広告の運用に関するお問い合せ・ご相談は今すぐこちら

東京都内・関東圏の方はこちら
  • 東京オフィス03-6206-6466
  • 受付時間:平日9:00〜18:00(土日祝除く)
  • 【営業可能エリア】東京・神奈川・千葉・埼玉

東京オフィスmap

〒101-0054 東京都千代田区神田錦町2-1-5
マストライフ神田錦町3F

大阪・京都・神戸・関西圏の方はこちら
  • 京都本社075-365-0571
  • 受付時間:平日9:00〜18:00(土日祝除く)
  • 【営業可能エリア】大阪・兵庫・京都・滋賀

京都本社map

〒600-8062 京都市下京区恵美須屋町193

お問い合せフォーム

運用相談フォーム

Web広告&SNS広告運用 AdMarket