[Vercel Analytics] Vercel Analyticsでサイトのアクセス数を調べる

こんにちは。

皆さんは自身のWEBサイトがどのくらいのアクセスを集めているか調査をしていますか。

私も最近、自身のWEBサイトを他者に見てもらう機会があったためアクセス数を調べたいと思っていました。

今回は「Vercel Analytics」というVercelが提供しているアクセス解析ツールを用いてその手順を解説していきます。

とても簡単なので是非やってみてください。

※この記事はWEBサイトをVercelを通してデプロイしている方を対象とした記事です。

まずはVercelのダッシュボードからアナリティクスを設置したいプロジェクトを選びます。

そして、左側のAnalyticsを選択すると案内画面が出るため、「Enable」を選択。

するとこんな画面が出ると思うのであとはこれに従って設定していきましょう。

まずは、ターミナルを開いて下記のコードを実行します。

npm i @vercel/analytics

その後、自分が使っているスタックに応じてコードを追加します。

私はAstroでサイトを開発しましたので、こちらのタグをBaseLayoutに挿入。

import Analytics from "@vercel/analytics/astro";

そして、ヘッドタグ内の一番下にこちらを追加します。

<Analytics />

追加ができたらデプロイ。

しっかり反映されればこのように数値が出現します。（自身のポートフォリオのアナリティクスです。）

確認方法としてはデプロイ後自分のサイトを訪問し、上にあるonlineの数を確認しましょう。

正しければ1と数字が出現します。

アナリティクスはどのサイトからの流入が多いのか、また国ごとにどの国の人が自分のサイトを見ているのかも調べることができます。

私もこれまでアナリティクスを導入したことがありませんでしたが、これを機に活用してみようと思います。

皆さんも是非活用してみてください。

最後まで読んでいただきありがとうございました。