Youtubeチャンネル登録ボタンをWordPressサイトに設置する方法

ここでは、Youtubeチャンネルの登録ボタンをWordPressサイトに設置する方法を詳しくご紹介させていただきます。

Youtubeチャンネル登録ボタンの設置手順

操作手順は以下の4ステップで完了します。

GoogleデベロッパーページのYoutubeページにアクセスする
『Subscribe Buttons』の『ADD A BUTTON』をクリックする
ボタンを設定する
登録用コードをコピーして、WordPressサイトに張り付ける

それでは、早速、具体的な設置方法を記していきます。

GoogleデベロッパーページのYoutubeページにアクセスする

まずは、以下のリンクから、GoogleデベロッパーページのYoutubeページにアクセスします。

Googleデベロッパーページ（Youtube）
https://developers.google.com/youtube/

『Subscribe Buttons』の『ADD A BUTTON』をクリックする

アクセスすると、このようなYoutube用のデベロッパー画面が表示されます。

次に、少し下にスクロールすると、『Add more YouTube features』に『Subscribe Buttons』というメニューがありますので、その下にある『ADD A BUTTON』をクリックします。

ボタンを設定する

すると、『ボタンを設定する』というページが表示されますので、ここで、WordPressに埋め込むためのコードを制作します。

具体的には、以下の５項目を入力していきます。

チャンネル名またはID:
レイアウト:
テーマ:
チャンネル登録者数:
アプリケーションはボタンイベントをリッスンする。

まず、チャンネル名またはIDには、ご自身の作ったYoutubeチャンネルの情報を入力します。

IDの入力の場合は、以下のように、YoutubeチャンネルページのURLに表示されている「youtube.com/channel/XXXXXXXXXXXXXXX」のXの部分となります。

これをIDとして入力します。

また、入力項目の中の、『レイアウト』、『テーマ』、『チャンネル登録者数』は、それぞれ、ご自身のWordPressサイトのデザインに合ったものを選んでください。（各項目を選択することで、プレビュー画面がでますので、そちらでデザインを確認できます。）

最後の、『アプリケーションはボタンイベントをリッスンする』とは、どういう意味でしょうか？

これは、ボタンに関連したイベント通知を処理に関することで、Googleでは、以下のように説明されていますが、よく分からない場合は、とりあえず、チェック無しにしておきましょう。チェックの有無によって、動作は変わりません。

Subscribe Button は、ユーザーが関連付けられたチャンネルのチャンネル登録または登録解除のためにボタンをクリックすると、イベントを呼び出します。data-ytonevent 属性をウィジェット要素に追加することにより、イベント通知を受け取るイベントリスナーを指定することができます。

イベントリスナーは、単一の payload 引数を受け入れる関数でなければなりません。payload は、常に eventTypeプロパティを含むオブジェクトです。Subscribe Button は、次のイベントをサポートします。