小粋空間  -  a cheap joke and a play on words site

Movable TypeとGoogle Analyticsの連携

Movable TypeとGoogle Analyticsの連携について紹介します。

１．はじめに

Movable Type＋DataAPI＋Google Analyticsを使ったアクセスランキングの記事が公式サイトで公開されました。

• 詳説 Data API 2.0 Vol.6: アクセスデータからアクセスランキングを作成する

ということで、このブログでも試してみようと思います。

このエントリーでは、まず基本設定であるMovable TypeとGoogle Analyticsの連携について紹介します。

ちなみに、手順で登場するGoogle API ConsoleのUIはかなり変更されているようです。

２．Movable TypeとGoogle Analyticsの連携

Google Analyticsを使いたいウェブサイトまたはブログの「設定」→「Webサービス」をクリック。

「Google API Console」のリンクをクリック。

プロジェクト名をクリック。プロジェクト名が表示されていない場合は「プロジェクトを作成」をクリックし、任意の名称のプロジェクトを作成します。

左メニューから「API」をクリック。

「Analytics API」をクリック。

「APIを有効にする」をクリック。

これで有効になりました。

左メニューから「認証情報」をクリック。

「新しいクライアントIDを作成」をクリック。

表示された画面で次の内容を設定して「クライアントIDを作成」をクリック。

• アプリケーションの種類：ウェブアプリケーション
• 承認済のJavaScript生成元：「承認済のリダイレクトURI」に設定したドメイン（https://www.example.comなど）を入力
• 承認済のリダイレクトURI：Movable TypeのGoogle Analyticsの設定画面に表示された「Authorized URI」をペースト

これでクライアントIDが作成されました。

表示された「クライアントID」をMovable Typeの「Client ID」に、「クライアント シークレット」をMovable Typeの「Client secret」にそれぞれ設定。

設定後「Google Analyticsのプロファイルを選択する」と表示された場合、そのボタンをクリック。

「～が次の許可をリクエストしています」というウィンドウが表示されるので「承認する」をクリック。

プロファイルの一覧が表示されるので、該当のプロファイルを選択して「OK」をクリック。

「使用するGoogle Analyticsのプロファイル」の右側に選択したプロファイルが表示されていれば「変更を保存」をクリックして完了です。