Skip to main content
Kameleoon プロジェクトは、1 つのウェブサイト、Web アプリ、またはモバイルアプリをアカウントに接続します。各プロジェクトには独自のサイトコード、設定、目標、レポートデータがあるため、各プロパティで Kameleoon がどのように動作するかを個別に設定します。すべてのプロジェクトは Admin セクションの Projects ページから管理します。プロジェクトを追加するには、プロジェクトを作成するを参照してください。

Projects ページ

Projects ページには、アカウント内のすべてのプロジェクトが一覧表示されます。このページを開くには:
  1. Kameleoon アカウントにログインします。
  2. Admin > Projects をクリックします。
デフォルトでは、リストには各プロジェクトの Project name、Sitecode、Type、Status が表示されます。各名前の隣の色マーカーがプロジェクトを識別し、リストの上部の検索バーにプロジェクトの総数が表示されます。
4 つのプロジェクトを一覧表示し、右側に Filters パネルが開いている Projects ページ
プロジェクトを検索するには、Search by project, URL or sitecode バーにプロジェクト名、URL、またはサイトコードを入力します。 各行には 2 つのアクションがあります:
プロジェクト行の Edit アクションと三点メニュー
プロジェクトには 3 つのステータスのいずれかがあります:
  • Enabled:プロジェクトのセットアップが完了しています。プロジェクトセットアップステップの最後で Complete setup をクリックすると、プロジェクトが Enabled になります。
  • Draft:プロジェクトのセットアップが完了していません。新しいプロジェクトフローで Save for later をクリックすると、Kameleoon がプロジェクトをドラフトとして保存します。ドラフトを完了するには、プロジェクトの行で Edit をクリックして、プロジェクト作成フロー内の必要な情報を完了します。
  • Disabled:Disable を使用してプロジェクトで Kameleoon をオフにしています。プロジェクトを無効化するを参照してください。Kameleoon を再度オンにするには、プロジェクトを有効化するを参照してください。

プロジェクトをフィルターする

リストの右側のサイドパネルには Filters タブと Columns タブがあります。リストをフィルターするには:
  1. サイドパネルで Filters をクリックします。
  2. 次のいずれかのグループで 1 つ以上の値を選択します:
    • Status:Enabled、Draft、または Disabled。
    • Type:All campaign types、Web Experimentation、Feature Experimentation、または Mobile app。
    • Key dates:Last update または Created at。
  3. Apply をクリックします。
Status、Type、Key dates グループを含む Filters タブ

列の選択と並び替え

リストが表示する列とその並び替え方法を変更するには:
  1. サイドパネルで Columns をクリックします。
  2. Display で、表示する列を選択します。利用可能な列は Project name(常に表示)、Sitecode、Type、Status、Active campaigns、Last update、Created at、Tags です。列のハンドルをドラッグして、その位置を変更します。
  3. Sort by で、並び替える列と順序を選択します。たとえば、Created at と From newest to oldest。
  4. Apply をクリックします。
Display 列リストと Sort by ドロップダウンを含む Columns タブ

プロジェクトページ

プロジェクトページは、1 つのプロジェクトのすべての設定を保持します。このページを開くには、Projects ページのプロジェクトの行で Edit をクリックします。 プロジェクトページのヘッダーは次の情報を表示します:
  • プロジェクト名とその色マーカー。
  • Main domain:プロジェクトのメインドメイン。
  • Sitecode:プロジェクトを識別する一意のコード。コピーボタンをクリックしてコピーします。
  • Project ID:プロジェクトの数値識別子。コピーボタンをクリックしてコピーします。
  • Status:プロジェクトの現在のステータス。Enabled ステータスのプロジェクトは Active を表示します。
プロジェクトページヘッダーと Main information セクション付きの Overview タブ
ヘッダーの下には、プロジェクトの設定をグループ化する 6 つのタブがあります:

プロジェクトアクション

プロジェクトページの右上の三点メニューは、次のアクションを提供します:
  • Edit:プロジェクトのメイン情報を編集します。Overview タブを参照してください。
  • Activity:このプロジェクトでフィルターされたアクティビティログを開きます。
  • Live events:このプロジェクトのサイトコード用にライブイベントを開きます。
  • Disable:プロジェクトで Kameleoon を無効化します。
  • Delete:Kameleoon アカウントからプロジェクトを削除します。
Edit、Activity、Live events、Disable、Delete を含むプロジェクトページ三点メニュー
プロジェクトページの三点メニューから、Projects ページのプロジェクト行の三点メニューから Disable または Delete することもできます。
Disable と Delete を含むプロジェクト行の三点メニュー

プロジェクトを無効化する

プロジェクトを無効化すると、そのすべての実験とパーソナライゼーションが非アクティブになります。プロジェクトで Kameleoon を再度有効にすると、自動的に再開されます。プロジェクトを無効化するには:
  1. プロジェクトページの三点メニューで Disable をクリックするか、Projects ページのプロジェクト行の三点メニューで Disable をクリックします。ポップインが開きます。
  2. ポップインで、テキストフィールドにプロジェクトのサイトコードを入力します。
  3. Disable をクリックします。
無効化時、Kameleoon アプリケーションファイル(engine.js)はそのコンテンツがほぼ完全に削除されますが、Kameleoon オブジェクトは定義されたままになります。Experiments、Feature Flags、Personalizations オブジェクト内の Activation API の一部のメソッドは、この状態では正しく機能しない場合があります。Kameleoon 外部で Activation API メソッドを呼び出す場合、Kameleoon は Kameleoon CommandQueue を使用してウェブサイトのエラーを防ぐことを強くお勧めします。さらに、Kameleoon を無効化しても Web キャンペーンがすぐに停止されるわけではありません。ブラウザはスクリプトをキャッシュする場合があるため、すでに以前のバージョンをダウンロードしたリターン訪問者は、ブラウザキャッシュが期限切れになるまでそれを使用し続けます。

プロジェクトを有効化する

無効化されたプロジェクトで Kameleoon を再度オンにするには:
  1. Projects ページのプロジェクト行で Edit をクリックします。
  2. プロジェクトページの三点メニューで Enable をクリックします。
プロジェクトの実験とパーソナライゼーションは自動的に再開されます。

プロジェクトを削除する

プロジェクトを削除すると、Kameleoon アカウントから削除されます。プロジェクトを削除するには:
  1. プロジェクトページの三点メニューで Delete をクリックするか、Projects ページのプロジェクト行の三点メニューで Delete をクリックします。ポップインが開きます。
  2. ポップインで、テキストフィールドにプロジェクトのサイトコードを入力します。
  3. Delete project をクリックします。

Overview タブ

Overview タブはプロジェクトのメイン情報を表示します:
  • Project type:たとえば、Web Experimentation。
  • Description:プロジェクトに入力した説明。
  • Tags:プロジェクトに追加したタグ。
  • Created:プロジェクトを作成した日付。
  • Last update:プロジェクトに加えた最後の変更の日付。
メイン情報を編集するには:
  1. Main information セクションで Edit をクリックします。
  2. プロジェクトを作成したときに入力した フィールドを更新します:Main project domain、Color、Project name、Description、Tags。各フィールドの説明については、新しいプロジェクトを追加するを参照してください。
  3. Save changes をクリックします。
メインプロジェクトドメイン、色、名前、説明、タグフィールドを含む Main information フォーム

Settings タブ

Settings タブは、4 つのセクション Campaign display、Data、Editor & preview mode、SDK でプロジェクト全体の動作を制御します。各セクションには Edit ボタンがあります。設定を変更するには、Edit をクリックして、開くフォームで値を更新してから、Save changes をクリックします。変更を破棄するには、Cancel をクリックします。
Campaign display、Data、Editor & preview mode セクションを含む Settings タブ
いずれかのセクションで Edit をクリックすると、すべてのセクションのフィールドを含む 1 つのフォームが開き、ページの下部に Cancel と Save changes があります。
キャンペーン表示とデータ設定の編集可能なフィールドを含む Settings フォーム

キャンペーン表示

Campaign display セクションには以下の設定があります:
  • Behavior if timeout occurs:Kameleoon アプリケーションファイルが通常の読み込み時間を超えた場合、Kameleoon が何をするかを定義します。デフォルトでは、Kameleoon は Run Kameleoon (with flicker) を使用し、Kameleoon を遅く起動して、ちらつき効果を引き起こす可能性があります。その他のオプションは、Disable Kameleoon for the current page と Disable Kameleoon for the entire visit です。詳細については、ちらつき管理とパフォーマンスを参照してください。
  • Isolate widget styles from your site (shadow DOM):JavaScript と shadow DOM を使用して、すべてのグラフィックウィジェットのコードを生成し、ウィジェットの CSS をウェブサイトで使用される CSS から分離して、非互換性を回避します。このオプションをアクティブ化すると、キャンペーン内ですでに使用されているウィジェットはキャンペーンステータスが変更されると自動的に更新されます。ウィジェット内でウェブサイトの CSS クラス名を使用する場合、スタイルが正しく適用されない場合があります。
  • Forbid simultaneous display of personalizations of the same type:デフォルトでは、Kameleoon はページ上で複数の類似パーソナライゼーション(たとえば、2 つのポップインまたは同じ場所に挿入された 2 つの画像)の表示を許可します。このオプションをオンにして、同時表示を防止します。

データ

Data セクションには以下の設定があります:
  • Attribution window:Kameleoon が訪問者のコンバージョンと収益を特定のバリエーションに属する期間。期間を日数と時間で入力します。デフォルトでは、ウィンドウは 7 日です。アトリビューションウィンドウの詳細。
  • Currency:デフォルトでは、アカウントに関連付けられた国が通貨設定を決定します。プロジェクトの通貨を変更するには、ドロップダウンから通貨を選択します。
  • Exclude certain IP addresses from reporting:このオプションをオンにした場合、Kameleoon は入力した IP アドレスに関連付けられた訪問者を、プロジェクトで実行するテストの結果ページでカウントしなくなります。
    • リストを角かっこで囲み、各アドレスを二重引用符で囲んで、項目の間をカンマで区切って入力します。範囲にはハイフン、ワイルドカードには * を使用します。例えば、アドレス203.0.113.10、198.51.100.1から198.51.100.20までの範囲、ワイルドカード192.0.2.*を除外するには、["203.0.113.10", "198.51.100.1-198.51.100.20", "192.0.2.*"]と入力します。
    • このオプションを主に使用して、オフィスの IP アドレスまたは正確なテスト結果を妨げる可能性のあるその他の内部 IP を除外します。Kameleoon は除外をクライアントサイドで実行するため、除外リストに個人の IP アドレスを含めないでください。
    • 除外は Kameleoon イベントと Kameleoon プラットフォーム内の結果ページにのみ適用されます。Kameleoon は統合トラッキングに同じフィルタリングを適用しないため、除外された訪問者のイベントは Google Analytics 4 その他の統合に到達する場合があります。
    • 除外は保存したときから開始します。Kameleoon は入力した IP アドレスの訪問者からのデータ送信をその時点から停止します。Kameleoon は、アドレスを追加する前に収集されたデータがどの以前の訪問者がそのアドレスを使用していたかを特定できないため、データは結果ページに残ります。
  • Data retention period:Kameleoon がプロジェクトのデータを保持する期間。
Data セクションには、A/B テストとフィーチャー実験にのみ適用される 1 つ以上の設定があります:
  • Minimum reliability threshold to determine a winning variation:バリエーションが勝利と見なされるために信頼性が超過する必要があるパーセンテージ。たとえば、95% のしきい値は、最大 5% の偽陽性結果を許容することを意味します。Kameleoon は、このレート以下の信頼性を持つバリエーションを、コンバージョンに関わらず、結果で勝利バリエーションとして提示することはできません。信頼性スコアが Kameleoon が提示する結果に影響を与えるため、この設定をまれに変更します。

エディター&プレビューモード

Editor & preview mode セクションには以下の設定があります:
  • Enable launching the editor via Shift + F2:キーボードショートカット Shift + F2 でウェブサイト上の Kameleoon エディターを開くことができます。デフォルトでは、オプションはオンです。
  • Use the ”#” symbol in Kameleoon URL parameters:Kameleoon の一部の機能(シミュレーションリンク、グラフィックエディター)には、ウェブサイト URL に追加のパラメーターが必要です。デフォルトでは、Kameleoon はそれらのパラメーターを ? 記号の後に追加します。一部のウェブサイトはこの構文と互換性がなく、他のウェブサイトは # 記号と互換性がありません。デフォルトの動作で問題に気付いた場合、このオプションをオンにして # 記号に切り替えます。この設定は、ユーザーまたは別の認可されたユーザーが Kameleoon を操作している間に変更された URL にのみ関係します。Kameleoon は訪問者の URL を変更することはありません。

SDK

SDK セクションには以下の設定があります:
  • SDK configuration update mode:フィーチャーフラグを変更するか、オン/オフにするときに SDK が更新された設定を取得する方法を定義します。Polling はデフォルトです。SDK は定期的に Kameleoon CDN から最新の設定をリクエストします。Streaming は Real-time Streaming Architecture アドオンをサブスクライブしている場合にのみ利用可能です。ストリーミングの場合、Kameleoon はサーバー送信イベント(SSE)を使用して、遅延なくリアルタイムで SDK に設定変更を通知します。詳細については、技術的な考慮事項を参照してください。
  • Enable bot filtering (for server-side SDK):サーバーサイド実験の結果からボットトラフィックをフィルターします。訪問者のユーザーエージェントを SDK を使用して Kameleoon に渡し、Kameleoon がフィルタリングできるようにします。Kameleoon がボットトラフィックを結果からフィルタリングする方法を参照してください。
Consent タブは、プロジェクト内の各キャンペーンタイプの同意ポリシーを定義します。3 つのセクションがあり、それぞれに独自の Edit ボタンがあります:
  • For A/B tests and feature experiments
  • For personalizations
  • For product recommendation
3 つの同意ポリシーセクションを含む Consent タブ
各セクションで、Consent policy フィールドには Consent required と Consent not required があります。3 つのセクションすべてで、IAB TCF 統合を有効にすると、IAB TCF 2.3 consent も選択できます。A/B テストとフィーチャー実験またはパーソナライゼーションに対して Consent required を選択した場合、Behavior when consent is unknown と Behavior on opt-out フィールドが表示されます。For product recommendation セクションには Consent policy フィールドのみがあります。 各値を選択する方法の詳細については、同意管理を参照してください。

Scripts タブ

Scripts タブは、2 つのスクリプトフィールド(Global custom script と Variation selection script)を保持し、それぞれに独自の Edit ボタンがあります。
Global custom script と Variation selection script エディターを含む Scripts タブ

グローバルカスタムスクリプト

グローバルカスタムスクリプトは、Kameleoon がプロジェクトのグローバルレベルに挿入する JavaScript スニペットです。編集するには、Scripts タブを開き、Global custom script の隣の Edit をクリックしてエディターでコードを変更し、Save changes をクリックします。 グローバルスクリプト:
  • Kameleoon タグが読み込まれるすべてのページで、すべての実験、パーソナライゼーション、セグメント、トリガーの前に実行されます。
  • プロジェクト内のすべての実験で利用可能である必要のある変数、ヘルパー関数、またはトラッキングコードを定義します。
  • 共有コードを管理し、重複を回避するための中心的な場所として機能します。
典型的なユースケース:
  • グローバル変数の定義(たとえば、dataLayer からの値、デバイスタイプ)。
  • 再利用可能なユーティリティ関数の作成(たとえば、日付フォーマット、ログ)。
  • カスタムゴールの変換(たとえば、収益、カートに追加)とカスタムデータの設定。
  • ターゲティングのためのイベント トリガー。
  • 同意ロジックの処理。
ベストプラクティス:
  • パフォーマンスの問題を回避するため、スクリプトを軽量で最適化します。
  • プロジェクト全体に影響するため、グローバルスクリプトの内容をドキュメント化します。
推奨される構造:

バリエーション選択スクリプト

バリエーション選択スクリプトは、特定のルールに基づいてバリエーションの表示を強制します。1 つを使用するには、Variation selection script の隣の Edit をクリックしてスクリプトコード全体を入力し、Save changes をクリックします。

PBX タブ

PBX タブは、プロジェクトで Prompt-Based Experimentation(PBX)がどのように動作するかを設定します。2 つのセクションがあり、それぞれに独自の Edit ボタンがあります。
PBX Build と PBX Ideate セクションを含む PBX タブ

PBX Build

PBX Build セクションには以下の設定があります:
  • Master prompt:PBX がプロジェクト内のすべてのリクエストに追加する指示。Master Promptsを参照してください。
  • Allow users to skip the master prompt:このオプションをオンにすると、ユーザーは選択してマスタープロンプトをリクエストに適用しないようにできます。
  • Responsive website:ウェブサイトが異なる画面サイズに自動的に適応するかどうかを示します。サイトがブラウザウィンドウのサイズ変更で表示されない別のモバイルバージョンを使用する場合、このオプションをオフにします。オプションがオフの場合、PBX はデバイスサイズを切り替えたときにプレビューを更新して、正しいバージョンが表示されるようにします。
Master prompt、skip、Responsive website 設定を含む PBX Build フォーム

PBX Ideate

PBX Ideate セクションには 1 つの設定があります:
  • Project context:ブランド、ターゲットオーディエンス、トーン、制約に関する説明で、最大 5,000 文字です。PBX Ideate はそれを使用して、すべての分析でより関連性の高い提案を生成します。プロジェクトコンテキストを定義するを参照してください。
Project context テキストボックスを含む PBX Ideate フォーム

Setup タブ

Setup タブは、プロジェクトに Kameleoon をインストールした方法を表示します。3 つの部分があります:
  • Code snippet to add to your page:設定から Kameleoon が生成したインストールスニペット。Copy をクリックしてコピーします。
  • Installation method:Script installation 型と Loading mode。
  • Technical configuration:動的トラッキング、リソースホスティング、ドメイン設定。
コードスニペット、Installation method、Technical configuration セクションを含む Setup タブ
Web Experimentation または All campaign types プロジェクトのインストールを変更するには、Installation method または Technical configuration セクションで Edit をクリックします。Installation method、Technical configuration(Shopify ではスキップ)、Checklist ステップを含むフォームが開きます。Back と Next を使用してステップ間を移動し、Save changes をクリックして保存します。プロジェクトセットアップステップでは各ステップとそのオプションについて説明しています。
各プロジェクトに対してセットアップを繰り返し、プロジェクト間でコードスニペットを再利用しないでください。Kameleoon のレポーティングツールとゴールは単一のプロジェクトに固有であり、各プロジェクトのパフォーマンスを個別にトラッキングする必要があります。

FAQ

Kameleoon アプリで左サイドバーで Admin > Projects をクリックします。サイトコードはプロジェクトリストの Sitecode 列に表示されます。各プロジェクトページのヘッダーにも表示されます。
Sitecode 列を含む Projects ページ
Kameleoon Debug Assistant 拡張機能で拡張機能ダッシュボードでサイトコードを見つけることもできます。+ アイコンをクリックしてインサートを追加し、Site Code インサートを追加します。
Debug Assistant 拡張機能でサイトコードを見つける
スクリプトをオフにする理由
  • Kameleoon を使用していないときにページロード時間を最小化したい。
  • Kameleoon を継続的に使用していません。
スクリプトをオフにする
  1. Admin > Projects をクリックしてから、プロジェクトの行で Edit をクリックします。
  2. 右上隅の三点メニューをクリックしてから、Disable をクリックします。
  3. ポップインで、テキストフィールドにプロジェクトのサイトコードを入力してから、Disable をクリックします。
スクリプトを再度有効にするには、同じメニューを開いて Enable をクリックします。特定の URL でスクリプトをオフにするKameleoon が特定のページで読み込まないようにするには、URL の末尾に ?kameleoonDisabled=true を追加します。
アプリで Kameleoon エディターショートカットをオフにできます。ショートカットをオフにする
  1. Admin > Projects をクリックします。
  2. プロジェクトの行で Edit をクリックします。
  3. Settings タブの Editor & preview mode セクションで Edit をクリックします。
  4. Enable launching the editor via Shift + F2 を OFF に切り替えます。
  5. Save changes をクリックします。
ショートカットなしで Kameleoon を起動するショートカットをオフにした後、URL に ?kameleoon=true を追加します。たとえば:https://www.website.com/?kameleoon=true。