YouTubeサブスクリプションボタンをWordPressに追加する方法（2ステップ）

公開: 2018-10-09

WordPressサイトとYouTubeチャンネルの両方がある場合は、これらのプラットフォームを統合することをお勧めします。 1つの方法は、単に動画をWebサイトに投稿することですが、YouTubeの[購読]ボタンを使用して、チャンネルの購読を増やすこともできます。

この記事では、WordPressにYouTubeの購読ボタンを追加する必要がある理由について説明することから始めます。 次に、2つのステップでそれを行う方法を示します。 チャンネルの視聴回数を増やす作業に取り掛かりましょう。

私たちのYoutubeチャンネルを購読する

YouTube購読ボタンをサイトに追加する必要がある理由

あなたはおそらく以前にYouTubeの購読ボタンを見たことがあるでしょう。 これらは、クリックしてサードパーティのWebサイトからYouTubeチャンネルに登録できる単純な要素です。 実際のYouTube購読ボタンは、一般的に外観がかなり基本的です。

YouTubeの購読ボタンの簡単な例。

ただし、そのシンプルなスタイルは、ほとんどすべてのサイトデザインに適合することを意味するため、有利に機能します。 一方、認識可能な赤色は、召喚状（CTA）のように、それらが依然として目立つことを保証します。 これは、ウェブサイト上の他のソーシャルメディアアイコンのすぐ横にYouTube購読ボタンを追加できることを意味するので朗報です。

あなたのサイトでYouTubeの購読ボタンを使用することは、あなたのサイトから人々を連れ去ることなく購読者の数を増やす賢い方法です。 これは、サイトにすでにビデオを埋め込んでいる場合に特に便利です。 また、YouTube自体以外のメディアでチャンネルを簡単に宣伝することもできます。

YouTubeチャンネルをお持ちの場合は、ウィジェット、メインメニュー、またはその他の必要な場所を使用して、サイトのサブスクリプションボタンを使用できます。 その方法について話しましょう。

YouTubeの購読ボタンをWordPressに追加する方法（2ステップ）

このプロセスでは、YouTubeの[購読]ボタンを手動で生成し、それをWebサイトに埋め込みます。 先に進む前に、当然、YouTubeアカウントとチャンネルのIDを用意しておく必要があります。

ステップ1：YouTubeサブスクリプションボタンを設定する

Google Developersサイトにまだ慣れていない場合は、それを変更するときが来ました。 Google Developersは、検索の巨人がWeb開発者向けのツールを共有する場所です。 ここでは、今後の技術イベント、ニュース、およびWebアプリの構築と収益化に役立つツールのコレクションに関する情報を見つけることができます。

Google DevelopersWebサイト。

現在使用しているツールは、YouTubeサブスクリプションボタンを作成できるツールです。 それを見つけるには、Google Developerサイトの製品インデックスページに移動して、 YouTubeの[購読]ボタンオプションを見つけることができます。

YouTubeサブスクリプションボタンオプションを見つけます。

今すぐそのリンクをクリックして、次の画面の左側にある[ボタンの構成]オプションを探します。 これで、ボタンを構成できるフォームが表示されます。 チャンネルのIDまたは名前を入力することから始めます。

新しいボタンを設定します。

この後、残りのオプションを使用して、ボタンの外観をカスタマイズできます。 レイアウト、テーマを選択し、サブスクリプション数を表示するか非表示にするかを選択できます。

生成できるこれらの他のスタイルのボタンのいくつかをチェックしてみましょう。 最後の例では、小さなデフォルトのレイアウトを見ました。 これが完全な代替手段です。ナビゲーションメニューには少し大きくなる可能性がありますが、サイドバーには最適な場合があります。

完全なYouTubeサブスクライブボタン。

使用できるダークテーマもありますが、完全なレイアウトを試している場合にのみ表示されます。

暗いレイアウトのサブスクライブボタン。

このオプションは、暗いフッター領域に適している可能性があります。 いつものように、要素のスタイルを設定する方法の選択はあなた次第です！ また、サイトのさまざまな領域に複数のボタンを生成できることも覚えておく価値があります。

スタイルが決まったら、サブスクライバー数を表示するかどうかを選択できます。 一般的に言って、ここでは正しい選択も間違った選択もありません。 たとえば、サブスクリプションカウントがまだ少ない場合や、ボタンをよりクリーンにしたい場合は、サブスクリプションカウントを非表示にすることができます。 ただし、すでに多くのチャンネル登録者がいる場合は、これを披露すること自体が微妙なセールスポイントになる可能性があります。

最後に、設定に満足したら、コードセクションを見下ろします。 中には、YouTubeの[購読]ボタンを表示するためにサイトに追加する必要のあるスニペットがあります。

YouTubeのサブスクライブボタンを表示するために必要なコード。

次は、そのコードをWebサイトに追加する方法を確認します。

ステップ2：ウィジェットを使用して埋め込みコードをWordPressに追加する

このコードスニペットをサイトで使用する1つの方法は、WordPressダッシュボードの[外観] > [ウィジェット]タブに移動することです。 ここで、カスタムHTMLウィジェットを探して、YouTubeの[購読]ボタンを表示する場所に移動できます。

カスタムHTMLウィジェット。

以前にコピーしたコードを新しいウィジェットのコンテンツセクションに貼り付ければ、それだけです。 ボタンがどのように表示されるかの例を次に示します。

シンプルなサブスクライブボタン。

Diviユーザー向けのその他のオプション

Diviユーザーの場合、ウェブサイトにYouTube購読ボタンを追加するときに自由に使えるオプションが他にもあります。 配置をより細かく制御できるオプション。 もちろん、Diviのコードモジュールについて話しています。

Diviコードモジュール。

ボタンを表示する場所にコードモジュールを配置し、GoogleDevelopersサイトから取得したコードを[コンテンツ]フィールドに貼り付けるだけです。

サブスクリプションボタンコードをDiviコードモジュールに追加します。

ページへの変更を保存すれば、準備は完了です。 YouTubeの[購読]ボタンは、指定したフロントエンドに表示されます。 どのアプローチを使用するかはあなた次第です。

結論

理想的には、WordPress WebサイトとYouTubeチャンネルは、ソーシャルメディアのアイコンとリンクを使用して相互にトラフィックを促進する必要があります。 ただし、サイトにYouTubeの[購読]ボタンを追加することで、いつでもこれをさらに進めることができます。 このように、訪問者はあなたのチャンネルを購読するのがより簡単になり、あなたの両方に利益をもたらします。

YouTubeサブスクリプションボタンをWebサイトに追加するために必要なのは、次の2つのステップだけです。

  1. お使いのYouTubeはGoogleの開発者向けプラットフォームを使用してボタンを購読設定します。
  2. ウィジェットやディビコードモジュールのいずれかを使用してWordPressへご埋め込みコードを追加します。

WordPressをYouTubeと統合する方法について質問がありますか？ 以下のコメントセクションでそれらについて話しましょう！

Mar1kOFF /shutterstock.comによる記事のサムネイル画像