Kameleoon Debug Assistant 拡張機能 - Kameleoon Documentation

Kameleoon グラフィックエディター拡張機能の詳細については、グラフィックエディターを使い始めるに関する記事を参照してください。

拡張機能のインストール

拡張機能を Chrome に追加します。Chrome ウェブストアからダウンロードできます。
Web コンソールを開きます (PC では F12、Mac では command+option+I)。
Web コンソールから Kameleoon タブをクリックします。
Activate をクリックします。

Kameleoon アプリのログインページが開きます。ログイン情報を入力します。

シンプルな認証

拡張機能の Kameleoon アイコンを使用して認証プロセスを開始することもできます。

Kameleoon アイコンをクリックすると、ポップアップが表示されます。

Open Login Pop-up をクリックしてログインポップアップを表示します。ログインポップアップを使用して、メールアドレスとパスワードを入力してログインできます。

Kameleoon アイコンをクリックすると、ポップアップが表示されます。ブラウザですでにログイン済みの場合は、Open Login Pop-up ボタンの下にセクションが表示され、現在のセッションでログインできます。 Log in as… をクリックします。

ログアウトもログインと同じ手順で行います。Kameleoon アイコン > Log out をクリックするだけです。

権限

My websites ページが開きます。拡張機能が有効化され、Kameleoon アカウントで設定されたすべてのウェブサイトで拡張機能を使用する権限が付与されます。拡張機能を初めて有効化すると、ウェブサイトにリダイレクトされ、すぐに拡張機能を使用できるようになります。 Kameleoon アカウントに新しいウェブサイトを追加した場合は、そのサイトで拡張機能を使用する権限がないことが通知されます。 Proceed to tag injection をクリックします。ボタンをクリックすると、Tag Injector に直接移動します。その後、権限を更新してください。更新を確認するメッセージが表示されます。

Kameleoon アカウントに新しいウェブサイトを追加した場合、拡張機能ダッシュボードの下部にある Update list of sitecodes をクリックして権限を更新することもできます。

構成

拡張機能は次の複数のタブを提供します。

Campaigns
Assets
Timeline
Dev tools
Options

Kameleoon ロゴをクリックすると、ダッシュボードページにアクセスできます。

ダッシュボード

拡張機能を開くと、デフォルトでダッシュボードが表示されます。 + アイコンをクリックしてダッシュボードを構築・カスタマイズし、重要な情報が含まれるようにします。各ウィジェットは拡大、縮小、閉じることができます。左上の3点メニューをクリックして、行数を増やすことができます。利用可能なインサートは次のとおりです。

Consent: 実験またはパーソナライゼーションに対する同意を与えたかどうかを示します (true は同意済みまたは同意不要であることを示し、false は同意を拒否したか、同意待ちで Kameleoon が実験をブロックしていることを意味します)。
Custom data: ページ上のアクティブなカスタムデータ、その ID、値を一覧表示します。
Experiments: ページ上で実行中のすべての実験を一覧表示し、それらの ID、ターゲティングの評価結果 (true/false) を示し、登録されたバリエーションと表示されたバリエーションの ID を表示します。
Personalizations: ページ上で実行中のすべてのパーソナライゼーションについて同様です。
Site Code: 関連するサイトコードを表示します。
Visitor Code: 自分に割り当てられた訪問者コードを示します。これにより、訪問数などの指標を監視できます。

ダッシュボードの下部には、Kameleoon アカウントに新しいウェブサイトが追加されたときにサイトコードを更新できるリンクがあります。

Campaigns

Experiments

Experiments タブには、ページ上で実行中のすべての実験が表示されます。 Add columns をクリックして、テーブルをカスタマイズするための列の追加または削除ができます。

ID: 実験の ID。クリックすると詳細が表示されます。
Name: 実験の名前。
Triggered: 実験がページでトリガーされた場合は true、それ以外は false。
Triggered In Visit: 実験が現在の訪問でトリガーされた場合は true、それ以外は false。
Active: 実験が現在ページでアクティブな場合は true、それ以外は false。
Activated In Visit: 実験が現在の訪問で有効化された場合は true、それ以外は false。トリガーされた実験は必ずしも Kameleoon が実験を有効化したことを意味しないことに注意してください。複数の追加要因が有効化に影響する可能性があるためです (例: 訪問者が実験から除外されたトラフィックの一部である場合や、キャッピングオプションが設定されている場合など)。
Displayed Variation: 表示されたバリエーションの ID (ターゲットされていない場合は No variation、ターゲットされていてもリファレンスに割り当てられている場合は 0)。
Associated Variation: 自分の訪問者コードで割り当てられたバリエーションの ID (ターゲットされていない場合は 0)。ドロップダウンで選択して、バリエーションを強制することができます。右側の目のアイコンを使用するとプレビューできます。
Date Modified: 実験に対して行われた最後の変更の日付。
Assignment Time: バリエーションに割り当てられた時刻。バリエーションがオリジナルで、ターゲットされていない場合、値は Not assigned yet です。
Online since: 実験がオンラインになった日付。

Variations

実験の ID をクリックすると、メニューが開きます。最初のタブには実験のすべてのバリエーションが集約され、その名前、ID、JS/CSS が示されます (バリエーションにコードが挿入されている場合)。バリエーション ID をクリックして、あるバリエーションから別のバリエーションに切り替えることができます。

Elements セクションには、Kameleoon がバリエーションのために変更するすべての要素が一覧表示されます。これにより、キャンペーンをデバッグし、ページ上で要素が検出されているかどうかをすばやく確認できます。要素のセレクタが各項目を表します。拡張機能が要素を赤で表示する場合、その要素はページに表示されていません。緑の場合、要素はページに表示されています。各項目には、コピーボタンとハイライトボタンの2つのボタンがあります。

コピーボタンは、CSS セレクタをコピーするために使用できます。ハイライトボタンを使用すると、ページ内の関連する要素をハイライトできます。そのため、要素がページ上で検出されていない場合は使用できません。要素のリストの上に表示されるアイコンを使用して、ページ上のすべての要素をハイライトすることもできます。

Configuration

実験の構成全体が拡張機能に表示されます。通常コンソールに表示される情報が確認できます。

Targeting

Targeting セクションには、ターゲティング条件と、それらの間の論理的な接続が表示されます。一部の条件は、クリックすると追加の詳細にアクセスできます。たとえば、JS 条件の場合、実行される JS が表示されます。

Feature flags

Feature flags タブには、Kameleoon がページ上で検出するすべてのフィーチャーフラグが含まれます。

このタブで各フィーチャーフラグの動作を検査します。テーブルには次の情報が含まれます。

ID: フィーチャーフラグの ID。ID をクリックすると詳細情報が表示されます。
Name: フィーチャーフラグの名前。
Triggered: フラグがページでトリガーされた場合は true。
Triggered in visit: フラグが現在の訪問中にトリガーされた場合は true。
Active: フラグが現在ページでアクティブな場合は true。
Activated in visit: フラグが現在のセッションで有効化された場合は true。
Displayed variation: 表示されたバリエーションの ID。No variation はユーザーがターゲットされていないことを示します。0 はリファレンスバリエーションを参照します。
Associated variation: Kameleoon が訪問者に割り当てるバリエーション。ドロップダウンを使用してバリエーションを強制します。目のアイコンを使用すると、そのバリエーションをプレビューできます。

フラグ ID をクリックすると、次のような詳細を含む構成にアクセスできます。

各バリエーションに挿入された JavaScript または CSS コード (存在する場合)
ターゲティングおよびセグメンテーション条件
タイムラインおよび最終更新日

フィーチャーフラグビューは、フィーチャーフラグのデバッグと、リアルタイムでの適切な配信を確認するのに役立ちます。