SoundNote

とあるギター弾きのブログ

ブログ

ブログにYouTubeチャンネル登録ボタンを設置する方法

youtube-pic
ブログにYouTubeのチャンネル登録ボタンを設置する方法がありましたので紹介してみます。

登録ボタンは設置するとこんな感じです。

作成の仕方

登録ボタンの作成はGoogleのディベロッパーページより作成出来ます。
Googleのディベロッパーページはこちら

Googleのディベロッパーページを開くとこんなページに飛ぶと思います。
youtube-subscribe
少しスクロールするとチャンネル登録ボタンを作成するところがあります。

youtube-subscribe2
チャンネル登録ボタンの種類は

・登録ボタンのみ表示のものと、
・サムネイルと登録ボタン表示のもの、
・サムネイルと登録ボタン表示のもの[ダークテーマ]

と3種類あり、好みで選べます。

youtube-subscribe3
オプションのところで、自分のYouTubeのチャンネルのIDを入力して、レイアウトとテーマも選択すれば右にコードが表示されますので、それをコピペすればいいだけです。

ソースを紹介

Googleディベロッパーのページにアクセスしなくても、
下のコードのコピペでもチャンネル登録ボタンを設置できます。
自分のチャンネルIDとなっているところを自分のチャンネルIDに書き換えてください。


チャンネル登録ボタンのみ

<script src="https://apis.google.com/js/platform.js"></script>
<div class="g-ytsubscribe" data-channel="自分のチャンネルID" data-layout="default" data-count="undefined"></div>




サムネイルとチャンネル登録ボタン

<script src="https://apis.google.com/js/platform.js"></script>
<div class="g-ytsubscribe" data-channel="自分のチャンネルID" data-layout="full" data-count="undefined"></div>




サムネイルとチャンネル登録ボタン[ダークテーマ]

<script src="https://apis.google.com/js/platform.js"></script>
<div class="g-ytsubscribe" data-channel="自分のチャンネルID" data-layout="full" data-theme="dark" data-count="undefined"></div>

-ブログ