Wicle Docs
プロダクトページサインイン
  • はじめる
    • Wicleへようこそ
    • スタートガイド・デモプロジェクト
    • 初期設定
      • アカウント作成
      • 計測タグ
      • 計測タグ(SPAサイトの場合)
      • ユーザープロファイルの設定
      • セッションリプレイの設定
      • グループ分析の設定
  • イベント計測
    • 計測の仕組み
      • Wicleタグの仕様
      • データの種類と特徴
      • 自動計測されるイベント
      • Chrome拡張機能での確認
    • データの拡張
      • ユーザープロファイル
      • カスタムイベント
      • コードレスイベント
      • クリックイベントの拡張
    • 計測されるデータについて
      • データの保持期間
      • データの更新間隔
      • タイムゾーン
  • セグメント
    • セグメント
      • セグメントの概要
      • セグメントを作成する
      • セグメントを使う
  • 分析
    • ダッシュボード
      • ダッシュボードの概要
      • カスタムチャートの編集
    • ユーザー
      • ユーザーの概要
      • ユーザーを検索する
      • ユーザーの検索結果をみる
      • ユーザーの特徴を知る
      • ユーザーを比較する
      • ユーザーのプリセット条件
      • ユーザーの検索条件を保存する
    • イベント
      • イベントの概要
      • イベントを検索する
      • イベント検索結果を見る
      • イベントの特徴を知る
      • イベントのプリセット条件
      • 様々な行動の探し方
    • ユーザー詳細
      • ユーザー詳細の概要
      • ユーザー情報
      • イベントタイムライン
      • セッションリプレイ
      • 共有
    • ファネル
      • ファネルの概要
      • ファネルを作成する
      • ステップ詳細画面の見方
      • 高度な条件設定
    • グループ分析
      • グループ分析の概要
      • 切り替え方法と変化ポイント
      • 計測の仕組み
      • 設定方法
      • その他の仕様
  • リテンションの可視化
    • ライフサイクル
      • ライフサイクルの概要
      • ライフサイクルを見る
      • ライフサイクルの編集
      • ライフサイクルのディメンション
    • キー行動
      • キー行動の概要
      • キー行動の設定
      • キー行動を利用できる場所
      • キー行動のディメンション
  • インテグレーション
    • 通知を受け取る
    • 他ツールとの連携
  • 組織とプロジェクト
    • 各種操作
    • 組織設定
      • 組織情報
      • メンバー・招待
      • 利用状況
      • プラン・請求
      • リミット
    • プロジェクト設定
      • プロジェクト情報
      • 計測タグ
      • セッションリプレイ
      • リミット
    • アカウント設定
  • 請求
    • 請求について
  • その他
    • Wicleの仕組みと規約(導入前確認)
    • サポート情報
      • 問い合わせ窓口・対応時間
      • 対応ブラウザ・動作環境
    • FAQ・トラブルシューティング
      • SPAで構築したサイトの場合、特別な対応は必要ですか?
      • セッションリプレイ動画が見れない、うまく再生されない場合
      • タグ設置前にサンプルデータを確認できる場所はありますか?
      • 利用料金を事前に試算することはできますか?
    • ユースケース
      • 特定の行動をしたユーザーの操作フローを見て、UI/UXの改善ポイントを見つける
    • オプトインの設定
    • オプトアウトの設定
  • アップデート
    • Changelog
      • 2025
  • メンテナンス
GitBook提供

©PLAID Inc. all rights reserved.

このページ内
  • SPAサイトの場合の設置方法
  • タグ設定の変更
  • アプリケーションへの実装
  • GTMを利用する場合

役に立ちましたか?

PDFとしてエクスポート
  1. はじめる
  2. 初期設定

計測タグ(SPAサイトの場合)

前へ計測タグ次へユーザープロファイルの設定

最終更新 1 か月前

役に立ちましたか?

SPAサイトの場合の設置方法

タグ設定の変更

下記の「アプリケーションへの実装」もしくは「GTMを利用する場合」の設定を行うと、タグから自動的に送信されるviewイベントとイベントデータが重複するため、タグによるviewイベントの自動送信を無効化する設定を行なってください。

  1. 左メニュー上部のプロジェクト名をクリック

  2. 開いたポップアップメニュー内のプロジェクト名の右にある歯車マークをクリック

  3. 遷移した設定画面内の「計測タグ」をクリック

  4. 基本設定の「viewイベント自動送信を無効化」のチェックをONにし、保存ボタンをクリック

以上で、設定は完了です。

ONにした時点からviewイベントの自動送信が停止されます。

下記のアプリケーション実装を行い、テスト環境プロジェクトなどで動作確認ができた後にONにしてください。

アプリケーションへの実装

タグ自体はSPAでも動作しますが、仮想的なページ遷移時をpageviewとして計測する場合、明示的にviewイベントを発生させる必要があります。

具体的なコードの埋め込み箇所については、SPAの実装および使用しているフレームワーク(Vue.js, Angular, jQuery-mobileなど)に依存します。

多くの場合フレームワークのルータには、ルーティング完了時にコードを実行するためのイベントハンドラの設定があります。その中で

krt('view');

を実行するようにして下さい。

状態変化に連動して実行するなどの時、実際のページ遷移に対して重複してviewイベントを送信してしまう可能性にご注意ください。変化前後のURLの差分をチェックし、差がある場合のみ実行する制御を入れて頂く必要があるケースがあります。

GTMを利用する場合

1. Wicleタグがページ読み込み時に実行されるようにする

GTM画面にてタグを作成し、Wicleの計測タグをGTMから配信します。

  • タグの設定

    • タグの種類をカスタム HTMLに設定します

    • HTMLにはWicleの設定画面で確認できるタグをコピーし、貼り付けます

  • 詳細設定を選択し、タグ配信の優先度を設定します

    • 他のタグ実行に必要なため、十分に高い数値(10など)を設定してください。

  • トリガー

2. viewイベントタグが仮想的なページ遷移時に実行されるようにする

GTM画面にてタグを作成し、viewイベントタグをGTMから配信します。

  • タグの設定

    • タグの種類をカスタム HTMLに設定します

    • 詳細設定を選択し、タグ配信の優先度を設定します

    • 1.のWicleのタグの後に実行されるように、より低い数値を設定してください。

  • HTMLには次のようなタグを設定します

<script type="text/javascript">
krt('send', 'view');
</script>

※ Wicleで計測したくないページがある場合は、条件を追加し除外してください。

※ サイトの実装によっては、すべての履歴の変更ではなく一部の履歴の変更(History)イベントにトリガー条件を絞り込む必要があります。GTMプレビューでHistoryイベントの発生状況を確認しつつ、サイトに合わせたトリガー設定を実施してください。

注意点

次のような場合は、サイト改修が必要です。サイト構築を担当しているエンジニアの方に作業をご依頼ください。

  • GTMが導入されていない場合

  • GTMが導入されているが、「履歴の変更」トリガーが意図通りに発火しない場合

トリガータイプは を指定します。

トリガー トリガータイプは を指定します。 URLの変更を伴うすべての仮想的なページビューをトラッキングする場合はすべての履歴の変更を選択します。

ページビュー
履歴の変更