Googleの公式プラグインSite Kitの導入手順と使用感を解説

[PR]、記事内リンクはAmazonで商品検索を行います。

11月になり、Googleが公式プラグイン「Site Kit」のリリースを発表しました。

この「Site Kit」の何がすぐれているかというと、

  • Analytics
  • Search Console
  • Tag Manager
  • AdSense
  • Optimize
  • PageSpeed Insight

というGoogleのツールを一画面で管理することができるんです。とくにサーチコンソールや、アナリティクスは管理画面が重く少しめんどう。それをワードプレスの画面から管理出来たらめっちゃ便利ですよね。

早速試してみました。

Google Site Kitの導入手順を解説

Google Site Kitをインストール

まずプラグインをインストールします。

ワードプレスのダッシュボードから「プラグイン>>新規追加」と進み、「Site Kit」と入力します。

「Site Kit by Google」が見つかったら「今すぐインストール>>有効化」までしておきましょう。

プラグイン一覧画面に移ったら、上の「START SETUP」から導入を始めます。

Sign in with Google」をクリック。

APIエラーが出てしまったらエックスサーバへとアクセス

僕が利用しているエックスサーバーの場合は上のように「APIエラー」が出るかと思います。

その場合は、エックスサーバー側の設定が必要になります。
>>WordPressの「REST API」に対する国外IPアドレスからのアクセス可否を変更できる「REST API アクセス制限」機能追加のお知らせ

サーバーパネル>>WordPressセキュリティ設定>>(対象ドメインの)選択する」と進みます。

REST API アクセス制限」を「OFF」にします。そして「設定する」をクリック。

先ほどの画面に戻って「Sign in with Google」をクリックしましょう。

ログインしたいGoogleアカウントを選択します。

「許可」をクリック。

「Proceed」をクリック。

「Allow」をクリック。

「Add site」をクリック。

これで導入は終了です。「Go to my Dashboard」から設定を行いましょう。

各ウェブマスターツールと連携

この時点ではサーチコンソールとしか連携を行えていないため、アドセンス、アナリティクス、ページスピードインサイトとも連携を行います。

各コンテンツの下の「Connect Service>>アカウントの選択>>許可」と進みます。

アドセンスの場合には上のようにSite Kitの判断を広告表示に取り入れるかの選択をする必要があります。

僕は自動広告を使用しているためチェックを入れて「CONTINUE」しました。自動広告を使っていない人はチェックを入れないほうがいいかもしれませんね。

まさかの0円

全然違う数字が表示されるんですが、調べてみたらみんなそうみたいなので、大丈夫です。次第にちゃんと表示されるようになると思います。

REST API アクセス制限」を「ON」に戻しましょう

Site Kitの導入が終わったら、先ほど変更した「REST API アクセス制限」を「ON」に戻しておきましょう。

Site Kitを使用してみた感想

Site Kitは重い?

元々の、Analytics、Search Console、AdSenseの管理画面が重いため心配していたんですが、Site Kitは少し重いかもしれません。

PageSpeed Insightで確認して見たところ、モバイルが「38→34」PCが「70→60」と数字が低下しました。

ただ、僕はJetpackを使用しているため、Jetpackを止めてSite Kitを導入すればいいだけかもしれません。

そもそもSite Kitを使用する意味はある?

僕が使用しているテーマ「Cocoon」では、最初からウェブマスターツールを簡単に連携できる仕組みが揃っています。

できればプラグインの数は少なくしておきたいため、使わないという選択肢もあるのかなと思いました。

ただ、ワードプレスの管理画面から解析データにアクセスできるのはめちゃくちゃ便利ですし、「本家のページより軽く1ページにまとまっている」のはとてつもない利点なのかなと。

僕としては「とりあえず導入してみて、それから判断しよう」が結論です。一回は使ってみることをおすすめします。

雑記
タイトルとURLをコピーしました
[ 'amazon' => ['label' => 'Amazon', 'color' => '#232f3e', 'base_url' => 'https://www.amazon.co.jp/s?k='], 'rakuten' => ['label' => '楽天市場', 'color' => '#bf0000', 'base_url' => 'https://search.rakuten.co.jp/search/mall/'], 'yahoo' => ['label' => 'Yahoo!', 'color' => '#ff0033', 'base_url' => 'https://shopping.yahoo.co.jp/search?p='], 'seven' => ['label' => 'セブンネット', 'color' => '#18943c', 'base_url' => 'https://7net.omni7.jp/search/?keyword='], ], 'ebook' => [ 'kindle' => ['label' => 'Kindle', 'color' => '#ff9900', 'base_url' => 'https://www.amazon.co.jp/s?k='], 'kobo' => ['label' => '楽天Kobo', 'color' => '#cc0066', 'base_url' => 'https://search.rakuten.co.jp/search/mall/'], 'bookwalker' => ['label' => 'BookWalker', 'color' => '#0054a6', 'base_url' => 'https://bookwalker.jp/search/?word='], 'renta' => ['label' => 'Renta!', 'color' => '#e8bd16', 'base_url' => 'https://renta.papy.co.jp/renta/sc/frm/search?word='], 'booklive' => ['label' => 'BookLive', 'color' => '#ff6600', 'base_url' => 'https://booklive.jp/search/keyword?keyword='], 'ebookjapan' => ['label' => 'eBookJapan', 'color' => '#e60012', 'base_url' => 'https://ebookjapan.yahoo.co.jp/search/?keyword='], 'cmoa' => ['label' => 'コミックシーモア', 'color' => '#ff911b', 'base_url' => 'https://www.cmoa.jp/search/result/?word='], ] ]; } // --- 2. 管理画面の設定ページ作成 --- add_action( 'admin_menu', 'mal_add_admin_menu' ); function mal_add_admin_menu() { add_options_page( 'アフィリエイトID設定', 'アフィリエイトID設定', 'manage_options', 'mal_settings', 'mal_settings_page' ); } function mal_settings_page() { ?>

アフィリエイトID & LinkSwitch設定

1. LinkSwitch設定 (重要)

LinkSwitch JSタグ

バリューコマース管理画面から取得した <script> タグをそのままここに貼り付けてください。

2. 各種アフィリエイトID (Amazon/楽天など)

Amazon アソシエイトID
楽天 アフィリエイトID
に出力する機能 --- add_action( 'wp_head', 'mal_output_linkswitch_tag', 1 ); function mal_output_linkswitch_tag() { $tag = get_option('mal_linkswitch_tag'); if ( ! empty( $tag ) ) { echo "\n\n"; echo $tag; // ここで設定画面のタグが出力されます echo "\n\n"; } } // --- 4. ショートコード [shop_links id="商品ID"] --- add_action( 'wp_head', 'mal_custom_css' ); // CSSの出力 function mal_custom_css() { ?> '' ), $atts ); if ( empty( $atts['id'] ) ) return ''; $item_id = $atts['id']; $services = mal_get_services(); $amz_id = get_option('mal_id_amazon'); $rak_id = get_option('mal_id_rakuten'); $output = '
'; foreach ( $services as $group_key => $group_data ) { $label = ($group_key === 'physical') ? '【紙の本・総合通販】' : '【電子書籍】'; $output .= '
'.$label.'
'; foreach ( $group_data as $key => $data ) { $url = $data['base_url'] . urlencode($item_id); // Amazon/楽天だけは個別IDを付与(LinkSwitch対象外のため) if (($key === 'amazon' || $key === 'kindle') && $amz_id) $url .= "&tag=" . $amz_id; if (($key === 'rakuten' || $key === 'kobo') && $rak_id) $url = "https://hb.afl.rakuten.co.jp/hgc/{$rak_id}/?pc=" . urlencode($url); $output .= sprintf( '%s', esc_url($url), $data['color'], $data['label'] ); } $output .= '
'; } $output .= '
'; return $output; }