2016年04月30日
Youtubeの画面上に自分のウェブサイトへのリンクをはる(スマホ編)
![youtube_mobile_image.jpg](/rabbiluna/file/youtube_mobile_image-thumbnail2.jpg)
昨日の記事でYoutubeのアノテーションにて再生画面上に自分のウェブサイトへのリンクを表示する方法を紹介しました。
これで埋め込み動画からブログへのアクセスも完璧!
でも、ふと思いました。これってスマホだとどうやって表示されてるんだろう・・・。
確認してみると、スマホのYoutube画面上では表示されてません
![がく〜(落胆した顔)](/_images_e/142.gif)
アノテーションはパソコンのブラウザでの再生限定の機能でスマホには対応していないようです。
じゃあスマホからのリンクは諦めないといけないのかな・・・。
と思いましたが、ちゃんとスマホ用の機能も用意されていました。
スマホのYoutubeの再生画面上から自分のサイトへのリンクをはる。
スマホでのリンクには「カード」というアノテーションとは別の機能を使います。
Youtubeのクリエイターツール→動画編集画面上部のアノテーションタブの横にカードタブがありますのでそこから設定します。
![SN00003.png](/rabbiluna/file/SN00003-a533c-thumbnail2.png)
カードを追加からリンク作成へと進み、登録済みの関連ウェブサイトのURLを入力します。
関連ウェブサイトの登録がわからない方は昨日の記事を確認してください。
![SN00004.png](/rabbiluna/file/SN00004-80cb2-thumbnail2.png)
次の画面でカードに表示されるタイトルや画像、行動を促すフレーズ、ティーザーのテキストを入力します。
![SN00005.png](/rabbiluna/file/SN00005-thumbnail2.png)
行動を促すフレーズはカード上に表示される文章で、ティーザーのテキストは再生画面右上に数秒間だけ表示されるテキストです。
![無題.png](/rabbiluna/file/E784A1E9A18C-13b45-thumbnail2.png)
ティーザーのテキストを表示するタイミングは設定画面下の白いバーを移動することで指定できます。
![無題.png](/rabbiluna/file/E784A1E9A18C-307ea-thumbnail2.png)
ティーザーのテキスト横のビックリマークをクリックするとカードが表示されます。
![無題2.png](/rabbiluna/file/E784A1E9A18C2-thumbnail2.png)
これをスマホのYoutube上で確認すると
![無題.png](/rabbiluna/file/E784A1E9A18C-47d39-thumbnail2.png)
このように表示され、ビックリマークをタップすると
![無題2.png](/rabbiluna/file/E784A1E9A18C2-572cc-thumbnail2.png)
カードが表示されます。
もちろんティーザーのテキストとカードはタップすればリンク先に飛べます。
これでスマホのYoutube画面上から自分のウェブサイトへのリンクをはることができました。
![無題.png](/rabbiluna/file/E784A1E9A18C-72bf5-thumbnail2.png)
![](http://blog.with2.net/img/banner/banner_21.gif)
![ブログランキング・にほんブログ村へ](http://www.blogmura.com/img/www88_31.gif)
この記事へのトラックバックURL
https://fanblogs.jp/tb/5015253
※ブログオーナーが承認したトラックバックのみ表示されます。
この記事へのトラックバック