ブログにYouTubeチャンネル登録ボタンを設置する方法
ブログにYouTubeのチャンネル登録ボタンを設置する方法がありましたので紹介してみます。
登録ボタンは設置するとこんな感じです。
作成の仕方
登録ボタンの作成はGoogleのディベロッパーページより作成出来ます。
Googleのディベロッパーページはこちら
Googleのディベロッパーページを開くとこんなページに飛ぶと思います。
少しスクロールするとチャンネル登録ボタンを作成するところがあります。
チャンネル登録ボタンの種類は
・登録ボタンのみ表示のものと、
・サムネイルと登録ボタン表示のもの、
・サムネイルと登録ボタン表示のもの[ダークテーマ]
と3種類あり、好みで選べます。
オプションのところで、自分の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>