サンプルページ

# Wicleへようこそ圧倒的なユーザー理解で、ユーザーの心をつかむプロダクト開発をはじめましょう。

## Wicleとは？ Wicleは、素早く手軽に導入でき、ユーザーの状態をシンプルかつ高速に把握し、持続的なマーケティング・プロダクト改善活動を支援する、日本発でグローバル展開を目指すAIアナリティクスツールです。タグを設置するだけで、ユーザー行動を自動で計測でき、数クリックで離脱ポイントを明確化。 AIとダッシュボードでコンバージョン課題を即可視化します。さらに、AI要約だけでは捉えきれない「コンバージョンまでのプロセス」「操作のつまづき」を、ユーザー行動の再現によって理解・改善につなげます。また、プレイドが2015年より提供しているCXプラットフォーム「KARTE（カルテ）」のコアであるデータ基盤を共通利用しており、大量のユーザーデータの高速な解析や可視化を実現しています。 ## Wicleでできること 1. **重要指標の可視化**：タグを設置するだけで、「アクセス数、流入チャネル、コンバージョン、来訪頻度、ページごとのUU数」など、主要な指標をダッシュボードで自動的に可視化します。コンバージョンに至るまでのユーザー行動を設定することで、重要な行動経路における離脱状況も簡易的に把握できます。 2. **AIが重要指標の変化を検知し、要因を解析：**実数ベースの重要指標を可視化したダッシュボードから、最新AIモデルがウェブサイトの変化を検知し、要因を解析します。さまざまな数値変化を集約し、見るべきポイントをピックアップすることで、課題特定にかかる時間や報告資料の作成工数を削減し、施策の実行に充てられる時間を創出します。 3. **コンバージョンまでのプロセスを可視化**:：「コンバージョンした／していない」「滞在時間は長いがコンバージョンしていない」など、さまざまな条件に応じて、一人ひとりのユーザー行動を詳細に把握できます。コンバージョンまでのステップを数クリックで設定することで、離脱ポイントを明確にし、改善インサイトを得ることができます。 4. **ユーザー条件に応じて、ページごとの離脱ポイントや興味を可視化**：ページ単位でクリックやスクロール状況を可視化しユーザーの行動を視覚的に捉え、注目されたエリアや離脱ポイントがひと目で把握できます。期間やユーザー条件を絞ることで、広告流入ごとのユーザー行動の離脱ポイントや興味を可視化することも可能です。 5. **"リアルな行動"をもとにした文脈把握や評価：** 特定のページをじっくり見たユーザーや、特定のボタンをクリックしたユーザーを瞬時に抽出し、イベントログとセッションリプレイ（動画）を用いて、一人ひとりの行動を圧倒的な解像度で再現します。 6. **ユーザー群の深掘り、課題の要因探索が簡単に：** 深掘りしたいユーザー群をクエリなしで抽出し、特徴を把握。群同士の比較を通じて、よく使われている機能や、ユーザー属性、行動の差を把握することができます。 7. **ファンやチャーンリスクのあるユーザーを発見：** ユーザーの新規/定着/ファン/休眠などの定着度を自動で可視化。ユーザーの定着状況の全体像を知ることで、注力すべき課題の早期見極めを可能にします。 8. **⁠「どの企業の」「どの担当者が」「どこでつまずいているのか」を知る：** 企業やワークスペースなどの概念をグループとして定義し、各種分析機能でグループ単位による分析が可能になります。これにより、ユーザー単位ではなく企業全体の利用状況に基づいたプロダクト改善と効果的なカスタマーサクセスを実現します。 9. **多彩な自動計測：** タグ1つで分析のための基本的なユーザー行動の自動計測と、セッションリプレイの設定が完結します。 10. **強固なプライバシー保護：** フォームに入力される個人情報のマスキングを簡単に設定可能。マスキング対象も全部〜任意の領域と柔軟に設定できます。 # ホーム画面ログイン後の起点画面。施策アイデアの自動提案、配信中のA/Bテスト、主要ダッシュボードのサマリーを一覧できます。 ## ホーム画面とはホーム画面は、よく見られるページ向けの施策アイデア、配信中のA/Bテスト、主要ダッシュボードの指標を1画面で確認できます。左ナビゲーションの `ホーム` からいつでも開けます。 ## 画面の構成ホーム画面は、上から次の3つのセクションで構成されます。 | セクション | 内容 | | ----------- | ------------------------------ | | 新しい施策アイデア | PVの多いページ向けに、AIが施策案を自動で用意します | | 配信中の施策 | 配信中・採用済みのA/Bテストをサマリー表示します | | ダッシュボードサマリー | 流入・CV・ページの主要指標と先週のAIレポートを表示します | ## 新しい施策アイデア `新しい施策アイデア` では、計測データをもとに施策案を**自動で**生成します。A/Bテスト画面の `AI に提案させる` から手動で生成する機能とは別の導線です。詳しくは [AIで施策案を生成する](/action/experiment/ideation) をご覧ください。 ### 自動生成のタイミング | 項目 | 内容 | | ----- | ------------------------------ | | 初回 | 計測タグ設置から **24時間後** | | 2回目以降 | **毎週**、直近14日のPV上位 **3ページ** を対象 | 見出し横の `?` ヘルプから、上記のルールを確認できます。 ### 対象ページの固定セクション右上の `対象ページ` から、自動提案の対象URLを最大3件まで固定できます。 | 項目 | 説明 | | ----- | ----------------------------------------------------- | | 空欄 | 直近14日のPV上位で自動的に埋まります | | URL指定 | 計測済みページから選択できます | | デバイス | 指定したページごとに `PC` / `モバイル` を選べます | | 反映 | 保存した内容は **次回の自動実行** から使われます。週次の待ち時間を待たずに再生成が走る場合があります | ### 提案カードの見方各ページごとに、施策案がカード形式で表示されます。 * ページURL・PV・デバイス種別（PC / モバイル）が行見出しに表示されます * カードには、施策タイトル・ペルソナの課題（吹き出し）・改善案の概要が表示されます * 施策イメージのプレビュー、または参考事例（ナレッジ管理の事例記事）が表示される場合があります * カードをクリックすると、該当する施策アイデアの詳細が開きます ## 配信中の施策 `配信中の施策` では、ステータスが `配信中` または `採用済み` のA/Bテストを最大 **5件** 表示します。更新日時の新しい順です。 | 列 | 内容 | | ----- | ------------------- | | プレビュー | 施策のサムネイル | | 施策名 | 一覧と同じ名称 | | ステータス | `配信中` / `採用済み` など | | 配信UU | 施策が表示されたユーザー数 | | CVR | 主目標コンバージョンのコンバージョン率 | 行をクリックすると、該当施策の編集画面が開きます。右上の `施策一覧へ` からA/Bテスト一覧画面へ移動できます。配信中の施策がない場合は、「配信中の施策はありません」と表示されます。上のセクションに提案カードがある場合は、「上のアイデアから施策を作れます。」と案内されます。 ## ダッシュボードサマリー `ダッシュボードサマリー` では、**直近14日**（当日を含む）の主要指標と、先週のAIレポート要約を確認できます。期間はセクション見出し横に `M/D ~ M/D` 形式で表示されます。 ### 流入ダッシュボード | 指標 | 内容 | | --------- | ---------------- | | トータルUU | 期間内のユニークユーザー数 | | 新規アクティブUU | 期間内の新規アクティブユーザー数 | 右側に `先週のAIレポート` のコンパクト表示があります。トレンドをクリックすると、該当ダッシュボードを開けます。 ### CVダッシュボード | 指標 | 内容 | | ----- | ---------------- | | 全体CVR | 期間内のコンバージョン率 | | CV UU | コンバージョンに至ったユーザー数 | コンバージョンイベントが未設定の場合、KPIの代わりに「コンバージョンイベントを設定しましょう」と表示され、`CVダッシュボードを開く` から設定画面へ進めます。 ### ページダッシュボード | 指標 | 内容 | | --- | ----------- | | 総PV | 期間内のページビュー数 | | CTR | クリック率 | ### 先週のAIレポート各ダッシュボード行の右側には、週次のAIレポート要約がコンパクトに表示されます。 * 概要文と主要トレンドのタイトルが表示されます * `条件を合わせてダッシュボードを開く` で、レポートの条件を引き継いで該当ダッシュボードを開けます * `全AIレポートを見る` から、専用のAIレポート画面へ移動できます {% hint style="info" %} 各ダッシュボードの詳細は [ダッシュボード](/analytics/dashboard)、AIレポート機能全体は [AIレポート](/ai/ai-summary) をご覧ください。 {% endhint %} # 学習ガイド計測タグの設置からA/Bテスト配信・結果確認まで、段階的に進められるオンボーディングガイドです。学習ガイドは、Wicleの利用開始から最初のA/Bテスト配信・結果確認までを段階的に進められるガイドページです。計測タグの設置状況やWicle AIの有効化、A/Bテストの配信状況にあわせて進捗が進み、画面上部のタイムラインで現在位置を確認できます。左ナビゲーションの `学習ガイド` から開きます。ガイドを完了すると、ナビの学習ガイドカードは非表示になります。完了後も、学習ガイド画面のヘルプ（`?`）や [学習ガイド](/getting-started/start-guide) から内容を見直せます。 ## 学習ガイドの4ステップ学習ガイドは次の4ステップで構成されています。完了したステップはタイムライン上で済みの表示に切り替わり、未到達のステップは選択できません。 | ステップ | タイムライン表示 | 解禁条件 | ゴール | | ---------- | -------------------- | -------------------------- | ----------------------------- | | 初期設定 | 初期設定 → 初期設定済 | なし（サインアップ直後） | タグ設置が完了し、サイトの計測が始まっている状態 | | 計測開始の確認 | 計測開始の確認 → 計測＆AI確認済 | タグ設置完了 | データ計測を確認し、Wicle AIが有効になっている状態 | | A/Bテスト配信 | A/Bテスト配信 → A/Bテスト済 | Wicle AIの有効化 | A/Bテストを1件配信する、またはこのステップを完了する | | 結果／もっと深く使う | 結果／もっと深く使う → 学習ガイド完了 | A/Bテストを1件配信、または配信ステップを手動完了 | 結果の見方を把握し、学習ガイドを完了する | タグ設置が検知されると、初期設定から次のステップへ自動で進みます。Wicle AIを有効化したあとは `次のステップへ進む` を押して進めます。A/Bテストを1件配信すると、配信ステップから結果ステップへ自動で進みます。 ## ステップ1: 初期設定 **Wicleへようこそ** — コードを書かずにA/Bテストまで。まずは計測タグを設置して、最短で効果を体感します。 ### 計測タグを設置する（必須）サイトやプロダクトに計測タグを設置してユーザー行動を計測します。環境を選ぶと、その環境向けのタグと手順が表示されます。 HTMLの場合は、表示されたタグをコピーして `` タグ内に貼り付けます。React / Vue / Next.js / Nuxt では、フレームワーク向けのコード例が表示されます。

{% hint style="info" %} AIコーディングエージェント（Claude Code、Cursorなど）をお使いの場合は、`AIエージェント用プロンプトをコピー` からタグ設置用のプロンプトをコピーし、エージェントに設置を任せることもできます。 {% endhint %} タグを設置すると、Wicleが自動でデータの到達を確認します（約10秒間隔でポーリング）。\ `データを確認中` と表示されている間は検知待ちです。データが確認できると `完了` と表示され、次のステップへ進みます。 {% hint style="warning" %} タグ設置後、データの検出まで数分かかる場合があります。`データを確認中` が続く場合は、タグが正しく設置されているか、対象ページにアクセスが発生しているかをご確認ください。 {% endhint %} #### Google Tag Manager（GTM）連携 Google Tag Managerをお使いの場合は、手動設置に加えて **GTM連携** でWicleから直接タグを設定できます。 1. **Googleアカウントの認証** — WicleがGoogleアカウントに接続し、GTMコンテナを編集する権限を付与します 2. **GTMアカウントとコンテナの選択** — 選択後、Wicleが分析に必要なタグ情報をコンテナに追加します 3. **ワークスペースへの反映** — 設定はワークスペースに下書きとして登録されます。GTM管理画面で `公開` して設置を完了してください {% hint style="warning" %} GTM連携にはオーナー権限が必要です。GTMアカウント作成直後は選択肢への反映に時間がかかる場合があります。 {% endhint %} 手動設定の詳細は [計測タグ](/initial-setting/tag) をご覧ください。 ### ビジネスサマリーを生成する（推奨） URLを入力すると、Wicleが事業内容を分析します。施策提案の精度に直結するため、生成をおすすめします。生成後は `完了` バッジが付きます。

詳しくは [ビジネスサマリー](/initial-setting/business-summary) をご覧ください。 ### チームメンバーを招待する（任意）招待リンクを共有できます。メンバーはダッシュボードの閲覧やA/Bテストの作成が可能です。リンクのコピー・有効期限の確認・再生成ができます。 ### その他のリンクタグ設置が難しい場合の参考リンクも用意されています。 * デモプロジェクトで何ができるか見たい（SaaS Demoを別タブで開く） * Wicleの仕様を詳しく知りたい * KARTEとの併用時の注意事項 * 利用開始には社内稟議が必要 * セキュリティやプライバシーポリシーについて詳しく確認したい * チャットで質問したい ## ステップ2: 計測開始の確認 **計測が始まっているか確認しましょう** — タグ設置が完了しました。データが届いていることと、Wicle AIの有効化を確認します。 ### イベントデータが届いています（確認）発生したイベントが数秒以内にリアルタイムで表示されます。`イベント一覧` はデフォルトで開き、折りたたみもできます。`自動取得中` バッジが付き、ページビュー・クリックなどが届いていることを確認できます。

### Wicle AIを有効にする（必須）収集データをAIが自動分析します。行動要約・変化の自動要約・改善ポイントの自動検出に加え、**施策提案・クリエイティブ作成にも必要**です。`Wicle AIを有効にする` を実行すると、ステータスが `有効` に切り替わります。 AI機能の取り扱いについては [AI機能の提供ポリシー](/ai/policy) をご覧ください。
### Wicleでできることの紹介タグ設置を土台に、**施策ループ**（ビジネスサマリー → アイディエーション → A/Bテスト → 効果検証）と **分析ループ**（ダッシュボード・ファネル・ヒートマップ → 深掘り分析 → 改善アクション）で改善を広げる流れを図で紹介します。

### デモプロジェクトを試すデータが集まる前でも、デモプロジェクトで分析画面の見え方を体験できます。 | プロジェクト | 内容 | | --------- | -------------------- | | SaaS Demo | SaaSサイトのデータ例で分析画面を確認 | | EC Demo | ECサイトのデータ例で分析画面を確認 | Wicle AIを有効化したあとは、画面下部の `次のステップへ進む` でA/Bテスト配信ステップへ進みます。 ## ステップ3: A/Bテスト配信 **最初のA/Bテストを配信しましょう** — Wicle AIが有効になりました。まずは1件、配信してみます。 ### STEP 01: AIによる施策提案を見るコピー・訴求文言の変更、CTA配置・デザインの変更、ポップアップ／バナーなど、どのような施策が提案されるかのイメージが表示されます。`アイディエーションを開く` から、改善対象URLを指定して施策案を生成できます。詳しくは [AIで施策案を生成する](/action/experiment/ideation) をご覧ください。 ### STEP 02: 施策の内容を確認・調整する気になる施策が見つかったら、次の2つの進め方があります。

**パターンA: AIの提案から作る（おすすめ）** 提案をベースに、色や文言を微調整して配信します。提案カードから `この施策を作る` で編集画面を開き、チャットで調整してA/Bテストとして配信します。 **パターンB: 自分でゼロから作る** 提案を使わず、テンプレートカタログやチャットから作成します。`チャットから作成` / `テンプレートから作成` のタブで進めます。詳しくは [施策を作成する](/action/experiment/create) をご覧ください。 ### STEP 03: CVを設定する効果測定の集計対象にするため、コードレスイベント・カスタムイベントに **中間コンバージョン** / **最終コンバージョン** のフラグを立てます。

| 種類 | 説明 | | --------- | --------------------------- | | コードレスイベント | 自動計測済みのイベントを条件で絞り込み、実装不要で定義 | | カスタムイベント | 特定タイミングや独自データを計測。コード実装が必要 | `コードレスイベントを設定する` / `カスタムイベントを設定する` から各設定画面を開けます。A/Bテストの配信設定でもコンバージョンを指定できます。 * [コードレスイベント](/data-extension/codeless-event) * [カスタムイベント](/data-extension/custom-event) ### STEP 04: A/Bテストとして配信する配信前チェックでスケジュールやURL条件を設定し、配信を開始します。トリートメントは複数作成できます。`A/Bテスト画面に遷移する` から一覧・作成画面へ進みます。

詳しくは [A/Bテスト](/action/experiment)、[配信設定](/action/experiment/settings)、[配信と効果測定](/action/experiment/delivery) をご覧ください。 ### このステップを完了にする A/Bテストを1件配信すると、このステップは自動で完了し、次のステップへ進みます。配信ステータスが `配信中` / `一時停止` / `終了` / `採用済み` / `アーカイブ` のいずれかになった施策が1件あれば配信済みとみなされます。まだ配信しない場合は、`このステップを完了にする` で手動完了し、次のステップへ進めます。 ## ステップ4: 結果／もっと深く使う **結果を見て、次の改善へ進めましょう** — 結果の見方を確認し、分析や通知などWicleをもっと活用する入口を押さえます。 ### STEP 01: 結果の見方施策の編集画面で `配信状況` タブを開き、コントロールとトリートメントの差（配信UU・CVR・リフト率・統計判定など）を確認します。`A/Bテスト結果を見る` から画面を開けます。

詳しくは [配信と効果測定](/action/experiment/delivery) の効果測定をご覧ください。 ### セッションリプレイでユーザーの体験を確認（補助）配信対象になったユーザーの行動を、マウス操作を含む動画で追体験できます。施策がどのような体験になったかを確認する際に使います。

詳しくは [セッションリプレイの概要](/analytics/session-replay/overview) をご覧ください。 ### STEP 02: 他の施策をためす次の施策を試す場合は、再度 `アイディエーションを開く` からAIに提案してもらい、同じ流れでもう1件配信できます。

### 他の課題を探す（探索）次に試す施策のタネを見つける3つの入口があります。 | 入口 | 用途の例 | | ------- | --------------------------- | | ダッシュボード | 流入・UU・直帰率など全体の傾向を把握 | | ヒートマップ | クリック・スクロール・注視領域からページ上の課題を発見 | | ファネル | ステップ間の離脱を把握し、改善ポイントを特定 | ### 通知を設定する（設定）重要な変化をSlackやEmailへ自動でお知らせします。`通知を設定する` から通知設定画面を開けます。

### 学習ガイドを完了する結果の見方と次の活用入口を確認できたら、`学習ガイドを完了する` を押します。完了画面では次のアクションとして、A/Bテストの継続・次の施策の検討・ダッシュボードへの遷移が案内されます。`ガイドの内容を見直す` でステップ4の内容に戻れます。 ## 活用のご相談初期設定と計測開始の確認ステップでは、ページ下部に無料相談の案内が表示されます。`日程を今すぐ調整する` から、担当者とのヒアリングを予約できます。 * 現状の課題やボトルネックの整理 * Wicleを最大限に活用する方法の検討 * 運用体制や分析の進め方の具体化 * 課題に応じたソリューションのご提案相談は無料です。活用方法や運用のお悩みでもお気軽にご利用ください。 # アカウント作成 ## 自分で始める場合 ### 1. アカウントを作成サービスサイトのサインアップをクリック、またはにアクセスします。 Googleでサインイン、またはメールアドレスとパスワードを入力し次へ進みます。 ### 2. 認証コードを確認 `notifications@wicle.io`から、「XXXXXX is your verification code」という件名のメールが届きます。メールに記載されている認証コードをコピーして入力画面にペースト、次へ進みます。 {% hint style="warning" %} メールが届かない場合は迷惑メールフォルダもご確認ください。迷惑メールフォルダに入っている場合はメール上部の「問題ない」をクリック後、認証コードをご利用ください。 {% endhint %}

### 3. アカウント情報を入力必要情報を入力し、次へ進みます。

### 4. 組織とプロジェクトを作成組織名、プロジェクト名、タイムゾーンを入力し、次へ進みます。 {% hint style="warning" %} タイムゾーンはプロジェクト作成後に変更できません。データの集計や検索は選択されたタイムゾーンに準拠して行われます。 {% endhint %}

### テストプロジェクトについてチェックすると、計測されるデータの検証などに使えるテスト用のプロジェクトが同時に作成されます。貴社テスト環境等でタグの動作確認を事前に行いたい場合はこのテストプロジェクトの計測タグを使用することができます。テストプロジェクトのデータは本番プロジェクトから完全に独立しているため、検証環境に計測タグを設置したまま、継続的にテストに利用できます。計測上限はイベントが 50,000/月、セッションリプレイが 5,000/月となります。\ 機能上限は本番用プロジェクトと同様の上限となります。 ※このプロジェクトは請求対象にはなりません。また、プロジェクト作成数の上限にもカウントされません。 ### 5. 初期処理初期処理は通常数分間で終了します。

初期処理が終了し、管理画面が表示されたら完了です。 ## 招待された場合 ### 1. 招待メールを確認 `notifications@wicle.io` から招待メールが届くため、「Accept invitation」をクリックし、次に進みます。 {% hint style="warning" %} 招待メールが届かない場合は迷惑メールフォルダもご確認ください。迷惑メールフォルダに入っている場合はメール上部の「問題ない」をクリック後、招待リンクを開いてください。 {% endhint %} ### 2. アカウント情報を入力必要情報を入力し、次へ進みます。管理画面が表示されたら完了です。 ## 招待リンクから参加する場合組織のメンバーから共有された招待リンク（`https://app.wicle.io/join/...`）から参加することもできます。 1. 共有された招待リンクにアクセスします 2. Wicleアカウントがない場合はサインアップ画面に遷移します。アカウント作成後、招待画面に戻ります 3. 組織名と権限を確認し、`参加する`をクリックします {% hint style="info" %} 招待リンクから参加した場合、メンバー権限として組織に追加されます。オーナー権限が必要な場合は、組織のオーナーにメンバー設定画面から招待してもらってください。 {% endhint %} ## 複数の組織に招待されている場合複数の組織に招待されている場合、アカウント作成後に招待済み組織の一覧が表示されます。参加したい組織を選んで`参加`をクリックしてください。 # 計測タグ {% hint style="info" %} 初めてタグを設置する場合は、管理画面の初期設定画面からステップに沿って進めることができます。初期設定画面では、タグコードの確認・コピーに加え、設置後の計測状況をリアルタイムで確認できます。 {% endhint %} ## 計測タグの設置「計測タグ」画面にあるタグをコピーし、計測したいサイトに設置します。設置する場所は``タグの直前を推奨しています。難しい場合は``タグのなるべく上の方に設置してください。 {% tabs %} {% tab title="HTML" %} ```html サンプルページこの部分はページの本文です ``` {% endtab %} {% tab title="React" %} ```html ... React App

``` {% endtab %} {% tab title="Vue" %} ```html // index.html ... Vue App

``` {% endtab %} {% tab title="Next.js" %} ```javascript // app/layout.tsx import Script from "next/script"; export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode; }>) { return (