ペライチにGoogle Analyticsを設定して流入元を分析してみた

こんにちは！
オンラインサロンのHPおよび会費決済にペライチおよびペライチお財布を利用しておりまして、前々から訪問数、流入経路、コンバージョン率などを計測してみたいなぁ~と思ったのですがなかなか腰があがらず。
本業でもGAを触る機会があって大体わかってきたのでチョチョイと設定してみたのでシェアします。
## この記事を見るとできるようになること
1. GAアカウント作成
1. 計測ページの設定、測定IDの取得
1. GAで必ずしておくべき設定
1. ペライチにGAを設定する
1. GAで流入経路、訪問数を確認する

## 1. GAアカウント作成と測定IDの発行
まずはGoogle様のサービスですので、googleアカウントが必要です。
googleアカウントにログインした状態でcromeブラウザから[こちらのGAサイト](https://analytics.google.com/analytics/web/provision/#/provision)にアクセスして、測定を開始をクリック
![スクリーンショット 2022-02-27 9.24.40.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2548921/0a6f62b8-6574-5712-4de2-994e76b07f70.png)

次にアカウント名とプロパティ名の設定します。
GAの権限管理はアカウントごと、プロパティごとに設定できるので、
アカウント名には会社名を、プロパティ名にはプロジェクト名を設定するとその後の運用がいい感じでできます。
まあこの名前は後から変更できるので、運用が定まるまでの仮の名前を入れちゃっても全然問題ないです。
![スクリーンショット 2022-02-27 9.25.35.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2548921/f7d30a21-7fc0-cac6-bfb9-8ad45d154e0c.png)

タイムゾーンや通貨の設定を日本にしましょう。
![スクリーンショット 2022-02-27 9.26.25.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2548921/7c2dd607-f364-3b65-cfb8-6c873b842792.png)

ビジネス情報を入力して、アカウントの作成は完了です！
![スクリーンショット 2022-02-27 9.26.38.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2548921/b43f4421-a8e8-3ca9-11f6-667f7acc4b7c.png)

メール配信設定は、GAの重要度に応じていい感じに設定してください。（私はとりあえず全部盛りで後から消す派）
![スクリーンショット 2022-02-27 9.27.33.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2548921/f78b0edc-9093-3f91-1000-4d75597176a3.png)

### 2. 計測ページの設定、測定IDの取得
「データストリーム」から計測したい対象を選択します。
今回はWEBページの計測をしたいのでWEBを選択。
![スクリーンショット 2022-02-27 10.09.02.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2548921/b4cb1446-c5d9-6bc5-9acd-ec470e20e245.png)

計測したいサイトのURLと、ストリーム名を入力します。
※こちらは後から変更できないので、素敵な名前をつけましょう。
![スクリーンショット 2022-02-27 10.09.43.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2548921/a4dbc03f-f7d6-8e92-45b2-1f504b7dd0f9.png)

「ストリームを作成」をクリックすると「測定ID」が発行されます。
ペライチ側でこの「測定ID」の入力が必要なのでメモしておきます。
![スクリーンショット 2022-02-27 10.10.30.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2548921/31025e2e-76e9-2246-3684-b898e8df02ad.png)

### 3. GAで必ず設定するべきこと
#### データの保存期間を2ヶ月→14ヶ月に変更
デフォルトではデータの保存期間２ヶ月という鬼設定なので、必ず１４ヶ月に変更してね！！
![スクリーンショット 2022-02-27 10.05.38.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2548921/8052380d-ab47-444d-327c-91725d300d26.png)

## 4. ペライチにGAを設定する方法
公式さんにいい感じの説明はあるのでこちらに沿って作業を進めていきます
[ペライチ公式 Google Analyticsの設定方法](https://support.peraichi.com/hc/ja/articles/360022658013-Google-Analytics%E3%81%AE%E8%A8%AD%E5%AE%9A%E6%96%B9%E6%B3%95
)

ペライチの一覧画面から [ページ編集] をクリック
![スクリーンショット 2022-02-27 10.32.09.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2548921/80d1228a-5d23-738e-09cb-99fb34d0c8da.png)

[ページ情報編集] > [Analytics] から測定IDを入力して保存するだけ！
秒殺ですね。
![スクリーンショット 2022-02-27 10.31.44.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2548921/cdae90fb-5a62-1e1f-b6a4-10bb4a38050b.png)

## 5. GAで流入経路、訪問数を確認する
ではGAに計測されてみましょう。
まずはサイトページにアクセスします。
遷移元を見たいので、google検索からサロン入会ページに遷移してみます。
これで「あるユーザーがGoogle検索からサロン入会ページにきた」とGA先生に計測されたはず。
![スクリーンショット 2022-02-27 10.40.02.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2548921/070df2b0-d00a-f646-5621-3ef042815494.png)

次はGAのページに行きます。
サイドメニューの [レポート] > [リアルタイム] に遷移します。
北海道からアクセスしたのですが、大阪扱いになっている？なんでだ？？？
![スクリーンショット 2022-02-27 10.46.28.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2548921/b4aed192-abf6-991c-5152-85a81cff85f6.png)

まあ一旦そっとしておいて（ほんとはどこの地域からアクセスされてるかも知りたいけど）
グラフを下の方にスクロールしていって、
[イベント数] 内の [first_visit]　をクリックし、続いて [page_referrer] をクリックします。
![スクリーンショット 2022-02-27 10.51.40.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2548921/3a8af49d-504b-8b89-0652-3ce5dde37f78.png)
![スクリーンショット 2022-02-27 10.51.55.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2548921/eaab221a-d479-e24b-947e-2c97587d1674.png)

そうすると、ちゃんとGoogleがreferrer(直前に閲覧していたURL)として表示されてますね！
![スクリーンショット 2022-02-27 10.52.07.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2548921/5b2bdd6c-ff55-e9b4-1d67-32e141e67b4c.png)

おまけにYahoo!からも遷移してみましょう。
今度はブラウザSafariでアクセスしてみます。
![スクリーンショット 2022-02-27 10.57.20.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2548921/9dce919e-13b9-f3f2-0068-0416cfd446e5.png)

先ほどと同様に[イベント数] > [first_visit] > [page_referrer] をクリックしてみると...
Yahoo!からのアクセスとして記録されていますね！
（ちなみにブラウザを変えてもGoogle先生のCookieによって私が同一ユーザーだということはバレているので、ユーザー数は1のままです。優秀。）
![スクリーンショット 2022-02-27 10.58.11.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2548921/bd417e9f-96cb-32cb-7c80-2309519c1e5e.png)


これで流入経路と訪問ユーザー数の確認ができました。

## 次回は
データポータルで訪問数、流入経路の日別グラフ作成,コンバージョンの設定
などなどやっていこうと思います！