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

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

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

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

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

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

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

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

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

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

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

image

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

image

ボタンを設定する

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

image

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

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

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

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

image

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

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

image

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

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

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

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

登録用コードをコピーして、WordPressサイトに張り付ける

最後に、実際にWordPressサイトに設置するには、すべての項目を入力したあとに、コードが表示されるので、これをコピーして、WordPressサイトに張り付けるだけです。

image

実際にこのページに、Youtube登録ボタンを設置してみました。

このように、Youtubeチャンネルの登録ボタンをWordPressサイトに設置することができました。

以上、ご参考まで。

本サイトをご覧いただきまして、誠にありがとうございます。このサイトでご紹介させていただきました内容が、少しでもお役に立てれば幸いです。

また、以下のソーシャルメディアをフォローしていただければ、最新のWEBマーケティング情報をご取得いただけますので、もし宜しければフォローをお願いします。今後も、読者様の役立つ情報配信ができるように運営させていただきます。





WEBマーケティングに関する解説動画はこちら

本サイトのYoutubeチャンネルはこちら



【スポンサードリンク】

ご意見・ご質問などございましたら、お気軽にご記載ください。(※また、お名前は仮名でも大丈夫です。また、大変恐縮ですが、コメントは、管理人にて確認後に公開させていただきます。)

CAPTCHA