Google Analyticsのデータを元に人気ページのリストを表示する

使用アドオンGA Popular Pages

アクセスの多いページのランキングをGoogle Analyticsのデータを参照してリストを表示をします。GA Popular Pagesアドオンをダウントードしてインストールします。

このサイトでもサイドバーで使っています。これはAnalyticsのアクセスランキングで月毎にアクセスの多いページを表示しています。

スクリーンショット 2018-06-15 17.00.19.png

ダウンロードしてインストールすると、設定画面が表示されます。

スクリーンショット 2018-06-15 11.24.15.png

Google APIへの接続のためのclient_secret.jsonが必要になるので、Google Developers Consoleにアクセスします。

[認証情報を作成] をクリックし、[OAuth クライアント ID] を選択します。 

スクリーンショット 2018-06-15 11.42.15.png

アプリケーションの種類を「ウェブアプリケーション」を選択。名前は任意に設定します。

2018-06-15_11.24.15.png

承認済みのリダイレクトURIには、さきほどのインストール画面で表示される「Your google reirect AuthURI's will be:」のところに表示されるURLを入力します。

 

接続IDが作成されます。

スクリーンショット 2018-06-15 16.33.41.png

一番右のダウンロードアイコンをクリックしてJSONをダウンロードします。

スクリーンショット 2018-06-15 11.42.55.png

スクリーンショット 2018-06-15 11.43.52.png

 

インストール画面のclient_secret.jsonのBrowseをクリックしてダウンロードしたjsonファイルを選択します。

2018-06-15_11.24.15.png

これでアドオンをインストールして問題なければ、Google Accountの接続のダイアログが表示されます。

スクリーンショット 2018-06-15 11.44.06.png

接続するGoogleのアカウントを選択すると管理画面が表示されます。

スクリーンショット 2018-06-15 11.46.37.png

ViewIDで、取得したいAnalyticsのデータを指定します。Data Rangeで集計期間を選択します。

スクリーンショット 2018-06-15 11.46.37.png

Update Popular Page Dataをクリックしてデータを取得し計算します。

スクリーンショット 2018-06-15 11.49.22.png

 

ランキングのリストを表示したいエリアにGA Popular Pagesのブロックを挿入します。

スクリーンショット 2018-06-15 11.47.38.png

Block Title にタイトルを入力、Amount of pages to displayでリストをいくつ表示するか入力します。

ViewIDは、いくつかある場合は該当のサイトを選択します。

スクリーンショット 2018-06-15 16.57.56.png

Filter Pages by Pathで、特定のカテゴリー以下などのフィルタリングが可能です。

Hide Page Viewsは、各ページのビュー数の表示・非表示を切り換えます。

List Display Options で、ブロックの表示形式を変更します。

スクリーンショット 2018-06-15 17.04.52.png

このアドオンは常にデータを参照しているわけではなく、Update Popular Page Dataで作成したデータをキャッシュします。

定期的に変更したい場合は、自動実行ジョブにUpdate Statistics Trackers、Update Popular Pages の2つが追加されますので、スケジュールに追加すれば定期的にデータを更新できます。

スクリーンショット 2018-06-15 17.06.56.png

検索

concrete5の基本的な使い方や、コミュニティでのFAQなどの情報共有はhttp://concrete5-japan.org/をご覧ください。

追加テーマや拡張ブロック(アドオン)のインストール・アンインストール方法は5.6の記事ですが方法は同じですでのこちらを参照ください。