簡単!Cocoonでサーチコンソールを設定する方法を解説!

 

WordPressのテーマ「Cocoon」は無料で高機能、様々なカスタマイズができる日本製のテーマで大変人気があります。
本記事では、CocoonでGoogleサーチコンソールの設定をする簡単な方法を紹介します。

💡メモ

こちらのページではCocoonでのSearchConsoleの設定についての解説をおこなっています。サーチコンソールの一般的な使い方を知りたい方は、サーチコンソール完全ガイドよりご希望のページへ進んでください。

CocoonのGoogle Search Console IDを利用したSearchConsoleの設定

Cocoonは、コードなどを書かなくても、簡単にサーチコンソールの設定が出来ます。手順について解説します。

①まずはGoogleサーチコンソールにアクセスしましょう。こちらからアクセスできます。

サーチコンソールへアクセス
②検索窓を選択し、「プロパティを追加」をクリックします。

プロパティを追加

③「URLプレフィックス」にサイトのアドレスを入力し、続行をクリックしましょう。

ドメインプレフィックスの入力


④所有権の確認方法の一覧が表示されるので、「HTMLタグ」をクリックします。

 

htmlタグをクリック


⑤タグが表示されたら、「content」の中の部分のみ(Google Search Console ID)をコピーします。後ほど確認をクリックするので、ウインドウは閉じないでおきます。

contentの中身をコピー
⑥コピーしたタグをWordPressに貼り付けます。WordPressにログインし、「Cocoon設定」をクリックしましょう。

cocoon設定をクリック

⑦設定画面から、「アクセス解析・認証」をクリックします。

アクセス解析・認証をクリック

⑧Google Search Console設定の箇所でコピーしたコードを入力し、最下部の「変更をまとめて保存」をクリックしましょう。

コードを入力

⑨サーチコンソールに戻って確認を押せばサーチコンソールの設定は完了です。

 

アナリティクスを利用したSearchConsoleの設定

Googleアナリティクスを利用している場合は、アナリティクスを利用したサーチコンソールの設定が可能です。ただし、アナリティクスのコードをCocoonに貼り付けておく必要があります。貼り付けをまだ行っていない場合は、下記手順で完了しておきましょう。

アナリティクスのコードをCocoonに追加する


①まずはアナリティクスにログインし、左下の「管理」をクリックします。

アナリティクスコード設定手順1

②管理画面に移動したら、「データストリーム」をクリックします。

アナリティクスコード設定手順2


③サイトをクリックします。

アナリティクスコード設定手順3


④「測定ID」をコピーします。後ほど使うのでメモ帳などに貼り付けておきましょう。

 

測定IDコピー

⑤続いて「タグの実装手順を表示する」をクリックします。

アナリティクスコード設定手順4
⑥「手動でインストールする」を選択し、表示されるタグをクリックして、表示されるコードをコピーします。

アナリティクスコード設定手順5
⑦完了したら、WordPressにログインし、「Cocoon設定」をクリックします。

cocoon設定をクリック

⑧「アクセス解析・認証」をクリックします。

アクセス解析・認証をクリック

⑨「Google Analytics設定」の箇所で、先ほどコピーしておいた測定IDを入力します。

測定IDを入力
⑩続いてヘッド用コードを、head用タグの入力の箇所に挿入します。忘れずに保存をしておきましょう。これでタグの貼り付けは完了です。

gtag貼り付け

 

 

Googleアナリティクスを利用してサーチコンソールを設定する

コードの挿入が完了したら、Googleアナリティクスを利用したサーチコンソールの設定を行っていきましょう。

①Search Console IDを利用した場合と同様に、こちらからサーチコンソールのアカウントを作成します。

サーチコンソールへアクセス②検索窓を選択し、「プロパティを追加」をクリックします。

プロパティを追加

 

③「URLプレフィックス」に、サイトのアドレスを入力し、続行をクリックしましょう。

ドメインプレフィックスの入力

④所有権の確認画面で、「アナリティクスのアカウントを使用する」をクリックします。

アナリティクスのアカウントを使用するをクリック

⑤クリックするとアナリティクスを使った設定の注意点が表示されます。注意点は以下の3つです。

  1. ホームページに、analytics.js スニペットか gtag.js スニペットのいずれかを含める
  2. トラッキング コードは、ページの <head> セクションに追加する
  3. Google アナリティクス プロパティの「編集」権限がある

上記を満たしていない場合は、一度アナリティクスの設定を確認しましょう。設定できている場合は、確認をクリックします。

アナリティクスの利用注意点
⑥これでGoogleアナリティクスを利用したサーチコンソールの設定は完了です。

 

関連記事

お電話での
ご相談・お問い合わせ

電話アイコン電話する

電話アイコン06-4805-7778

平日 9:00〜18:00

相談アイコン

無料相談をする