高度な分析
8th Wallのプロジェクトは、 基本的な利用状況を分析することができ、過去30日間に何回「閲覧」されたかを確認できます。 より詳細な、あるいは過去の分析結果をお探しの場合は、WebARの体験にサードパーティのウェブ分析機能を追加することをお勧めします。
WebARにアナリティクスを追加するプロセスは、AR以外のウェブサイトにアナリティクスを追加するのと同じです。 お好きな分析ソリューションをご利用ください。
この例では、Google Tag Manager (GTM) を使用して、8th WallプロジェクトにGoogle Analyticsを追加する方法を説明します。これにより、ユーザーがWebAR体験をどのように閲覧し、対話したかについてのカスタ ム分析を簡単に収集することができます。
GTMのWebベースのユーザーインターフェイスを使用して、タグを定義し、特定のイベントが発生したときにタグを発火させるトリガーを作成することができます。 あなたの8th Wallプロジェクトで、コード内の好きな場所でイベントを発生させます(Javascriptの1行を使用します)。
アナリティクスの前提条件
すでにGoogle AnalyticsとGoogle Tag Managerのアカウントをお持ちで、その仕組みについて基本的な理解があることが必要です。
詳しくは、以下のGoogleドキュメントをご参照ください:
- Google Analytics 4
- Google Tag Manager
8th WallプロジェクトにGoogle Tag Managerを追加する
- Tag ManagerコンテナのWorkspaceページで、コンテナID(例: "GTM-XXXXXX" )をクリックし、「Google Tag Managerのインストール」ボックスを開く。 このウィンドウには、後で8th Wallプロジェクトに追加する必要があるコードが含まれています。
- 8th Wall Cloud Editorを開き、 top コードブロックを head.htmlに貼り付けます:
- Filesの横にある「+」をクリックし、 gtm.htmlという新しいファイルを作成し、 下 のコードブロックの内容をこのファイルに貼り付けます:
- app.jsの先頭部分に以下のコードを追加します:
import * as googleTagManagerHtml from './gtm.html'
document.body.insertAdjacentHTML('afterbegin', googleTagManagerHtml)
Google Tag Managerの設定
- データストリームに Google Measurement ID を追加します。
- GTMで、 GA4 Configuration タグを作成します。
例
ページビューのトラッキング
ページビューはGA4 Configurationタグで自動的に追跡されます。 詳しくは、 Googleタグマネージャの設定 をご覧ください。