メインコンテンツへスキップ
本記事では、プロンプトベース実験(PBX)に関するよくある質問にお答えします。
PBX は思考モデルとして GPT 5.5 medium を使用しています。
はい、プロンプトベースのインターフェイスから直接コードを編集 できます。コードを保存すると、Kameleoon は自動的にバリアントの新しいバージョンを生成します。
いいえ、AI 生成バリアントで グラフィックエディタを使うことはできません。一部のエッジケースで役立つ可能性はありますが、プロンプトベース実験はグラフィックエディタがカバーするすべてのシナリオを処理します。競合を防ぐため、Kameleoon は AI 生成実験のビジュアルツールを無効化しています。
フロントエンドコードで管理する任意のバリアント を作成できます。ただし、Kameleoon は バックエンドロジックやサーバーサイドの変更 を必要とするプロンプトのコードは生成できません。そのようなケースは、バックエンドシステムに精通した開発者が処理する必要があります。
はい、複数のページにわたる変更をプロンプトできます。希望のページに移動して、プロンプトを直接適用してください。Kameleoon はコードを 1 つのバリエーションに自動的にまとめます。ただし、異なるページのコードが競合しないことを保証するため、Simulation モードで完全なエクスペリエンスをテスト してください。
はい、ページの DOM にホバートリガー要素の HTML コードが含まれている場合に限ります。ホバー操作後に JavaScript が要素を動的に注入する場合、Kameleoon の AI はそれを正しく検出または変更できない可能性があります。最良の結果を得るには、次のことを確認してください:
  • ホバー要素が、たとえ非表示でも、初期 HTML に存在すること。
  • 構造が安定しており、非同期で生成されないこと。
最初の商品ページでバリエーションを作成した後、次の商品ページに移動します。このアクションにより AI 生成コードが再実行されます。あるいは、Simulation モードを使用してすべての関連ページでエクスペリエンスをテストし、一貫した動作を確保することもできます。
技術ユーザーは汎用 AI コーディングツールを使用して JavaScript、CSS、または HTML を生成し、Kameleoon の実験に貼り付けることができます。PBX は実験に特化しており、これらのツールとはいくつかの重要な点で異なります。PBX は単なるコード生成ではなく実験を対象としていますA/B テストの構築は、標準的なウェブサイト機能の構築とは異なります。実験コードは慎重で、非破壊的で、動的で、パフォーマンスが高く、異なるページ状態間で信頼性が高くなければなりません。Kameleoon は何千もの実験シナリオで PBX をトレーニングし最適化したため、汎用コーディングアシスタントよりも A/B テストを専門とする開発者のように動作します。PBX はモデルにより豊富なページコンテキストを提供しますClaude や Codex の直接的なワークフローでは、ページ、DOM、期待される変更、制約、技術設定を手動で説明する必要があります。PBX は、サイトレベルの情報、リアルタイムの DOM 分析、視覚的理解のためのページスクリーンショット、関連する場合の直接的な Figma インポートを含む、はるかに豊富なコンテキストを自動的に提供します。PBX は Kameleoon 固有の実験ロジックを適用しますPBX は Kameleoon JavaScript API と連携するコードを生成し、runWhenElementPresent() や enableDynamicRefresh() などのメソッドを含みます。これらのメソッドは DOM ミューテーションオブザーバーをリッスンし、複雑な動的ウェブサイト、シングルページアプリケーション(SPA)、DOM の変更、再レンダリング動作、ちらつきの管理を支援します。汎用アシスタントが生成するコードは一部のケースで機能するかもしれませんが、実験コンテキストで堅牢を維持するためには、通常、より多くの手動適応、QA、メンテナンスが必要です。PBX は human-in-the-loop ワークフローを案内しますPBX は単一のプロンプトからコードを生成する以上のことを行います。インターフェイスはフォローアップの質問をし、デザインと実装の選択肢を案内し、バリエーションを起動する前に複数のステップで検証できるようにします。このアプローチにより、エクスペリエンスは実験の構築に適したものになります。PBX は Kameleoon の完全なワークフローに統合されます汎用 AI ワークフローは通常、プロンプト作成、コード生成、技術レビュー、Kameleoon への手動挿入、トラブルシューティング、その後のターゲティング、目標、起動、分析の個別構成といった複数のステップにプロセスを断片化します。PBX は実験ワークフローに直接統合されるため、プロセスがプロダクト、マーケティング、技術チームにとってより速く、より安全で、よりスケーラブルになります。

​
開発者主導のワークフローのサポート

両方のアプローチを選択する必要はありません。Claude、Codex、Cursor などのツールで作業することを好む技術チームのために、Kameleoon の MCP サーバー を使うと、これらのツールを Kameleoon に直接接続して既存のワークフローに統合できます。概要: 汎用 AI ツールは、より多くの労力、QA、メンテナンス、そして技術ユーザーへの依存を必要とし、最終的にコストを増加させます。PBX は、Kameleoon 内でプロセスをより簡単に、安全に、スケーラブルにする専用の実験ツールを提供します。
Kameleoon の AI はリクエストを満たすために多くの可能な方法を探索するため、固定的な結果は生成しません。同じプロンプトでも毎回異なる出力を生み出すことがあります。これは次の理由で発生します:
  • 制御されたランダム性: モデルは繰り返しを避け、創造性を促進するために回答を変えます。
  • プロンプト解釈: 細かなコンテキストの違いにより、モデルが異なる詳細に焦点を当てることがあります。
  • トレーニングの多様性: モデルは多様なトレーニングデータセットからのパターンを利用します。
より一貫した結果を得るには、制約を追加してください。モックアップやデザインファイルを提供するか、すべての生成に対する包括的なルールとブランドコンテキストを設定する マスタープロンプト を定義してください。
シングルページアプリケーションを含む、ほとんどのウェブサイトで PBX を使用できます。プロンプトを送信するたびに、Kameleoon は AI がコンテンツを解釈するのを助けるために HTML コードやスクリーンショットなどのページコンテキストを送信します。ただし、AI は iframe 内や shadow DOM 内のコンテキストを適切に処理できないことがあります。この問題が頻繁に発生する場合は、カスタマーサクセスマネージャーにお問い合わせください。
Kameleoon PBX 拡張機能は、Google Chrome、Brave、Arc、Microsoft Edge を含む Chromium ベースのブラウザをサポートしています。
PBX は次のようなタスクに優れています:
  • ヘッドライン、CTA、免責事項などのテキストやコンテンツの変更。
  • 色、フォント、レイアウト調整などのスタイル更新。
  • バナーとコンテンツの挿入。
  • ボタンの再配置、リンク、モーダルなどのシンプルなインタラクティブ変更。
マルチステップフロー、ギャラリー、カスタムインタラクティブ要素にも PBX を使用できます。高度なケースには、ハイブリッドアプローチを使用してください。まず PBX に初期実装を生成させ、その後手動で洗練します。この方法は、自動化のスピードとカスタム開発の精度を組み合わせます。
PBX はクリーンで安全、レスポンシブ、アクセシブルなコードを生成します。特に最新のウェブサイトとシングルページアプリケーション(SPA)では、手動コーディングよりも堅牢なソリューションを作成することがよくあります。PBX はクロスブラウザテストや視覚チェックなどの QA ベストプラクティスに従います。生成されたコードはプロジェクト構成も尊重します:
  • PBX は SPA 設定とカスタム属性を自動的に適用します。
  • 除外ルールを尊重します。
これらの考慮事項により、生成されたコードがあなたのセットアップとスムーズに統合され、手動でコーディングされた実験のルールに準拠することが保証されます。
はい。ウェブサイト内の別のページからコンテンツを取得して使用するよう PBX にプロンプトできます。リンクを提供するか、プロンプト内でソースページと要素を記述してください。PBX はそのコンテンツを生成されたバリアントに組み込みます。
はい、デザインやモックアップを使用できます。+ アイコン > Add an image をクリックして、ファイルをアップロードします。ただし、モックアップ単独では通常不十分です。最良の結果を得るには、デザインと明確で詳細な指示を併用してください。PBX を開発者のように扱い、最良の出力のために具体的な詳細を提供してください。モックアップを含む良いプロンプトの例:
  • モックアップやデザインファイルを添付します。
  • 変更する要素を記述します。
  • 寸法、色、スペーシングを指定します。
  • インタラクティブな動作を説明します。
  • 技術要件をメモします。
PBX はあなたのプロジェクトのシングルページアプリケーション(SPA)設定を採用します。これらの設定を構成している場合(シングルページアプリで実験を設定する を参照)、PBX は自動的に以下を使用します:
  • カスタム属性。
  • 除外ルール。
  • その他の SPA 固有の構成。
はい、フォローアッププロンプトで出力を洗練できますが、プロンプト履歴を念頭に置いてください。PBX が覚えていること:
  • 最新に生成したコード(コンテキストとして使用)。
PBX が覚えていないこと:
  • 以前のプロンプトの指示。
  • 完全な会話履歴。
  • 以前のプロンプトで追加されたモックアップやスケッチ。
これが重要な理由: “X と Y の問題を修正してください” のような曖昧なフォローアッププロンプトは、PBX に完全なコンテキストがないために失敗することがあります。フォローアッププロンプトのベストプラクティス:
  • 効果が低い: “矢印ナビゲーションが動作しません。”
  • より効果的: “新しいカルーセルで、矢印ナビゲーションが期待通りに動作していません。前回のプロンプトで生成されたコードを使用して修正してください。矢印は左右に表示され、クリックごとに 1 つの画像を進めるべきです。”
フォローアッププロンプトでは具体的にしてください:
  • 修正する要素や機能を特定します。
  • 期待される動作を記述します。
  • 生成されたコードを明示的に参照します。
  • 関連する技術的詳細を含めます。
はい。+ > Add an image をクリックして、ファイルをアップロードします。
画像をアップロードまたは貼り付けると、PBX はその使用方法を選択するよう求めます:
  • Asset: PBX は画像ファイルを直接バリエーションに挿入します(例: バナー、背景、ロゴとして)。
  • Mockup: PBX は画像を視覚的参照として使用し、画像自体を挿入するのではなくコードを使ってデザインを再現します。
PBX はデータを安全に保ち、規制業界のものを含む業界標準を満たします。PBX は、あなたが 管理する ウェブページから 実験を作成するとき にのみ LLM を呼び出します。このセットアップにより、以下が保証されます:
  • PBX はエンドユーザーデータを LLM に送信しません。
  • モデルはサイト訪問者データを除く、作成者として見えるページコンテンツのみを処理します。
  • PBX はユーザーごとに動的に実験を生成せず、あなたの環境から一度だけ作成します。
PBX は、ページやプロンプトに含めない限り、個人情報や機密情報にアクセスまたは送信しません。そのようなデータの含有は避けてください。
Kameleoon は、高いプライバシーとコンプライアンス基準を維持するために PBX ワークフローを継続的に改善しています。
いいえ。別の作業を開始する前に、PBX がバリアントの生成を終えるのを待つ必要があります。
この問題は、ログイン領域などのセキュアなページが iframe 内での読み込みをブロックする際に発生します。PBX エディタはウェブページを安全に編集するために iframe を使用します。サイトのセキュリティ設定が iframe コンテンツをブロックし、白い画面になることがあります。修正方法: 開発チームに “frame-busting” ロジックを修正するよう依頼してください。コードは、フレームの名前が kameleoon-pbx-preview かどうかを確認する必要があります。一致する場合、ロジックはページの読み込みを許可する必要があります。コード例:
if (window.self !== window.top && window.frameElement?.name !== 'kameleoon-pbx-preview') {Your existing redirect/blocking logic}
この機能は近日公開予定です。
ログインできない場合、ブラウザがサードパーティ Cookie をブロックしている可能性があります。PBX は認証のために Kameleoon ドメインからのセッション Cookie を必要とします。PBX にアクセスするには、サードパーティ Cookie を有効にする必要があります。サードパーティ Cookie を許可するには:
  1. ブラウザの Settings を開きます。
  2. Privacy & security > Third-party cookies に移動します。
  3. Allow third-party cookies を選択します。
ブラウザは、プライベートモードまたはシークレットモードでサードパーティ Cookie を自動的にブロックすることがよくあります。
ブラウザが以下の特定の Cookie を許可していることを確認してください:
  • refresh-token
  • kameleoonSessionId
  • access-token
  • expiration-access
起動された実験のうち、肯定的な結果をもたらすのは 20% 未満です。これは、チームがインパクトの低いアイデアや曖昧な仮説をテストしているためであることが多いです。PBX Ideate は優先順位付けされた、エビデンスに基づく仮説を提供し、それらを PBX 用の精密なプロンプトに変換します。高信頼度の推奨に対して、PBX Ideate は業界ベンチマークの 3 倍の精度を達成し、テストを効果的に優先順位付けするのに役立ちます。
PBX Ideate は Conversion by GAIN と開発した分類法とセマンティックフレームワークを使用します。ウェブサイトを分析し、何万もの実験からのデータを使用して、成功する可能性が最も高いアイデアを浮上させます。
PBX Ideate は、20,000 件を超える実験でトレーニングされたモデルを使用して、潜在的なインパクトに基づいてアイデアをスコアリングします。このモデルは、業界平均の約 20% を超える、高信頼度予測で 63% の精度を提供します。
Kameleoon は招待された顧客を優先しますが、招待されたパートナーにもアクセスを開放しています。招待をお持ちでない場合は、ウェイトリストに参加できます。Kameleoon は徐々に枠を追加していきます。
はい。受理されると、Kameleoon があなたのアカウントを作成し、テストを開始できるように登録手順をメールでお送りします。
参加者はアクセスを受ける前に、ベータプログラムの利用規約に同意する必要があります。クレジットカードは必要ありません。
Kameleoon はケースバイケースで 30 日間のアクセスを付与します。今後、新機能や一般提供に関する更新をお知らせしていきます。
アイデアを生成したり、フロントエンドエクスペリエンスに PBX を使用するのにスクリプトをインストールする必要はありません。ただし、これらの実験をサイトでライブで実行するには、Kameleoon Web Experimentation をインストールする必要があります。