概要

今まで WordPress などを使っていたけど、自社の都合上他の CMS に移行したい・・・
そうだ、流行りの Gatsby を使おう！

・・・と思い立ったはいいものの、テンプレートをアレンジしようとすると
必要な機能は自身で実装しなければいけなくなりどこをいじればいいかわからない方向けの記事となります。

Gatsby.js のプラグインについて

Gatsby.js には様々なプラグインが用意されており、npm installで容易に組み込むことができます。
今回は記事毎のアクセス数を GraphQL 経由で取得して表示するGoogle Analytics Reporting APIの使用方法を
順を追ってご紹介させていただきます。

手順

以下の手順に沿って進めます.

1.Google Analytics プラグインの導入
2.Google Cloud プラットフォームでサービス アカウントの登録
3.Google Analytics Reporting API の導入
4.Google Analytics でサービス アカウントのアクセス権を付与
5.GraphQL でビュー数を取得

1.Google Analytics プラグインの導入

ビュー数を持ってくる前提作りとして、アクセスを分析してデータを残すためにアナリティクスを導入します。
まずはこちらから Google Analytics に登録してください。

登録が終わったら、アナリティクスで Gatsby プロジェクトを解析してもらうためのプラグインを導入します。