ブログ

はてなブログにYoutubeのチャンネル登録ボタンを設置する方法

おはようございます。こんにちは。こんばんは。Kouです。(`・д・´)ゝ

 

今回はYoutubeのチャンネル登録ボタンをはてなブログ上に設置する方法を書きます。

こんなヤツですね。↓

 

 

 

 あ、押して下さっても全然構いませんよw

むしろ押して下さいお願いします。

 

こんな内容の記事、ネット上にも結構あるんですが、自分で見た限りデータが古くてyouyube上でのレイアウトが変わったりしてて苦労したんですよね。

 

なので、じゃあ自分で紹介記事作っちゃおう!って事で書いてみました。

 ボタンを作成するには

ボタンを作成するには外部のウェブツールを使用します。

 

Configure a Button  |  YouTube Subscribe Button  |  Google Developers

 

このリンクをクリックすると、こんな画面が表示されます。

 f:id:kou_tttt:20181029163904j:plain

 

この画面で自分のYoutubeのチャンネルIDを入力し、他の表示オプションを設定すれば画面下の欄にプレビューとHTMLのコードが表示されます。

 

そのコードをコピーしてブログの記事のボタンを設置したい箇所に『HTML編集』で貼付けするとボタンが表示されます。

f:id:kou_tttt:20181029165816j:plain f:id:kou_tttt:20181029165827j:plain f:id:kou_tttt:20181029165850j:plain f:id:kou_tttt:20181029165910j:plain f:id:kou_tttt:20181029165925j:plain

 

※Youtubeのページで表示されているチャンネルIDをコピペした場合、前後に半角のスペースも一緒にコピペしている場合があります。

プレビューにエラーが表示される場合はIDの前後にスペースが含まれていないか確認して下さい。

 

 

YoutubeのチャンネルIDの確認方法

Youtube内の設定項目から確認する方法

YoutubeのチャンネルIDはPCの場合はYoutube内で確認出来ます。

スマホの場合はよく分かりません。自分では見つけられませんでした。

 

 

Youtubeのホーム画面右上端の自分のアイコンをクリック。

f:id:kou_tttt:20181029165955j:plain

タブが表示されるのでその中の『設定』をクリック。

f:id:kou_tttt:20181029170006j:plain

設定画面が表示されたら画面左の項目の中の『詳細設定』をクリック。

f:id:kou_tttt:20181029170019j:plain

詳細設定のページが表示されたらそこにユーザーIDとチャンネルIDが表示されるのでチャンネルIDの方を確認。

f:id:kou_tttt:20181029170039j:plain

 

上記の流れで確認出来ます。

 

そういえば、自分が調べた時に確認したブログなんかでは、ほぼ全てがチャンネルIDとかを丁寧に隠してましたが、他人のチャンネルIDは簡単に分かります。

 

分かるっていうか、チャンネル画面のURLに普通に表示されてます。

詳しくは以下の文章で。

 

 

チャンネル画面のURLで確認

Youtubeのマイチャンネルの画面のURLにチャンネルIDが記載されてます。

ココですね↓

f:id:kou_tttt:20181029170836j:plain

  

 

おわりに

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

 

もうすでにYoutubeチャンネルの規模が大きい方には無縁でしょうが、Youtubeの動画で収益化したいが中々チャンネル登録者数が1000まで到達できない人には重要な事です。

 

もしチャンネル登録者数を増やしたいがまだ宣伝できてない方なんかは試してみてもいいと思います。

 

以上、Kouでした~。