LogoLogo
  • はじめに
    • クイックスタートガイド
  • 実装について
    • タグの実装
      • ABTastyタグの実装
      • トランザクションタグの実装
      • GTMによるABTastyタグの実装
      • GTMによるトランザクションタグの実装
    • リダイレクトテスト(スプリットテスト)
      • リダイレクトテスト(スプリットテスト)でSEOの失敗を防ぐ方法
    • ターゲティング
      • 正規表現の使用
      • htaccessファイルで保護されているページをテストする方法
    • 目標設定
      • 目標の種類
    • ABTastyが取得するcookiesに関して
    • ABTasty Chrome拡張機能
    • データ連携
      • ABTastyとGA4の連携(オーディエンスの作成)
    • よくある質問
      • トランザクションタグに関するよくある質問
      • エディターに関するよくある質問
    • トラブルシューティング
      • テスト停止後もブラウザ上でバリエーションが表示されてしまう
      • エディターが読み込まれない
      • iPhoneでQAが有効にならない
      • リダイレクトテストでバリエーションの配信比率が低い
  • ウィジェット
    • ビジュアルエディター
      • <動画チュートリアル>メインインターフェース
      • <動画チュートリアル> コンテキストメニュー
      • <動画チュートリアル> コンテキストメニュー
    • ダイナミックウィジェット
  • その他
    • 多要素認証 (MFA) を使用したアカウントの保護
    • 利用規約(参考和訳)
Powered by GitBook
On this page
  • ABTasty Chrome拡張機能をダウンロードする
  • エディター機能の最適化
  • アクセステスト
  • 既存テストに関連するアクション
  • その他のメニュー
  • タグの存在確認
  • タグの挿入
  • タグが最新であることを確認
  • タグを更新する
  • ページ情報を表示する
  • テストを作成する
  • [ソースコードを保存する]オプション
  • クッキーを削除する
  1. 実装について

ABTasty Chrome拡張機能

PreviousABTastyが取得するcookiesに関してNextデータ連携

Last updated 1 year ago

AB TastyはChromeアドオンを開発しました。これにより、既存のパーソナライズやテストで簡単なタスクを実行したり、AB TastyWebプラットフォームを起動せずにWebサイトのページから直接新しいテストを作成したりできます。

ABTasty Chrome拡張機能をダウンロードする

1.AB Tastyアドオンは、次のアドレスのChromeウェブストアで入手できます。

2.[Chromeに追加]をクリックします。

エディター機能の最適化

一部のWebサイトでは、JavaScriptのイベントと動作を書き換えることができるため、ABTastyバリエーションエディターが設計どおりに機能しなくなる可能性があります。 Webサイトで使用されているテクノロジーに関係なくエディターが機能できるようにするには、[ JSビヘイビアーのリセット]オプションをアクティブにします。

このオプションをオンにすると、ページがエディターに完全に読み込まれる前にスクリプトが挿入され、その後、訪問者がエディターを起動するすべてのページにスクリプトが挿入されます。このスクリプトを使用すると、ページ上のJavaScriptイベントに加えられた変更を一覧表示し、エディターの起動時にそれらをキャンセルできます。

オプションをアクティブにするには、次の手順を適用します。

  1. 目的のWebページにアクセスします。

  2. AB Tasty extensionをクリックします。スクリプトを注入するためにAB Tasty for Webにログインする必要はありません。

  3. 以下に詳述する通常の操作を実行します。

このアドオンを使用すると、以下の操作を行うことができます。 ・テストやパーソナライゼーションにアクセスし、エディターの起動、バリエーションのプレビュー、レポートへのアクセスなどの一般的なタスクを実行する ・AB Tasty タグが存在することを確認する ・AB Tasty タグを挿入する ・AB Tastyタグが最新であることを確認する ・AB Tastyタグを更新する ・A/Bテスト、マルチページテスト、パーソナライゼーションを作成する ・ログインが必要なページでテストを作成する ・ページでテストが進行しているかどうかを確認する ・ページからAB Tastyクッキーを削除する

アクセステスト

Chromeブラウザを使用してすべてのテストとパーソナライズにアクセスするには、次の手順を適用します。

1.AB Tastyアドオンをクリックします

2.必要に応じて、AB Tasty for Web にログインします。 以前に作成したテストやパーソナライゼーションのリストが、そのステータス(開始または一時停止)とともに表示されます。

3.既存のテストまたはパーソナライゼーションをクリックして、表示または修正します。 4.新しいテストを作成したり、AB TastyタグやCookieを管理したり、現在のページに適用されているテストを管理したりするには、[その他のツール]ボタンをクリックします。

既存テストに関連するアクション

リストに示されているテストとパーソナライズに対して、特定の数のタスクを実行できます。

テストまたはパーソナライズをクリックして、次の情報を表示します。

  • テストID

  • テストの種類

  • ページのURL

  • テストに適用される作成者とその他のタグ

以下に示すように、テストとパーソナライズに対してさまざまな操作を実行することもできます。

パーソナライズ
ABテスト
複数ページテスト

サブテスト追加

○

☓

○

プレビュー

○

○

○

結果レポート

○

○

○

HTMLの適用

画面に表示されているWebページのHTMLコードを保存します(たとえば、ログインしているページを保存したり、カートにアイテムを保存したりします)。

エディター

レスポンシブバリエーションエディターを起動します

その他のメニュー

既存のパーソナライズとテストのリストが表示されたら、[その他のツール]ボタンをクリックして、次のアクションを実行できます。

アイコン

機能名前

説明

プラスマーク

テスト追加

パーソナライズ、A / B、または複数ページのテストを作成する

ゴミ箱マーク

AB Tastyクッキー削除

Webページ上のAB Tastyクッキー削除

電球マーク

ページ情報

進行中のテストをWebページに表示します

更新マーク

スクリプト更新

AB Tastyタグを更新します

プッシュマーク

スクリプトを挿入

注入AB Tasty現在のページへのタグ

タグの存在確認

AB Tastyタグが現在のページに実装されているかどうかを確認できます。これを行うには、次の手順を適用します。

  1. 目的のWebページに移動し、

  2. Chrome用のAB Tastyアドオンをクリックします。

  3. リストの下部にあるアイコンの上にマウスを置くと、タグのステータスが表示されます。

  4. 必要に応じて、タグをページに挿入します。

タグは存在しています

タグは存在していません

タグの挿入

AB TastyタグがWebサイトに実装されていない場合でも、現在のページに一時的に挿入し、エディターを使用して変更を加えることができます。

  1. [その他のツール]ボタンをクリックしてから、[スクリプトを挿入](プッシュマーク)をクリックします。

タグが最新であることを確認

エディタを使用して行った変更がWebサイトに表示されない場合は、タグが最新ではなく、最新の変更が含まれていない可能性があります。

タグが最後に更新されたのはいつかを確認するには、次の手順を適用します。

  1. 目的のWebページに移動し、

  2. Chrome用のAB Tastyアドオンをクリックします。

  3. 必要に応じて、タグを更新します。

タグを更新する

AB Tastyタグを更新できます。エディタを使用して行った変更がWebサイトに表示されない場合は、最新の変更をロードするためにタグを更新する必要がある場合があります。この場合、アドオンを介して更新を実行できます。

アドオンを介してタグを更新するには、次の手順を適用します。

  1. 目的のWebページに移動し、

  2. [その他のツール]、[スクリプトの更新](更新マーク)の順にクリックします。

ページ情報を表示する

AB TastyタグがWebサイトに実装されている場合は、アドオンを使用して、現在のページでテストが進行中であるかどうかを確認できます。

これをする、

  1. 目的のWebページに移動し、

  2. [その他のツール]、[ページ情報](電球マーク)をクリック、進行中のテストのリストが表示されます。

  3. 必要に応じて、テストをクリックして表示または変更します。

テストを作成する

現在のページに関連するA / Bテスト、複数ページのテスト、またはパーソナライズをすばやく作成できます。

  1. 目的のWebページに移動し、

  2. [その他のツール]、[テストの追加](プラスマーク)をクリック、現在のページのURLが自動的に考慮されます。

  3. [名前]フィールドで、テストにラベルを割り当てます。

  4. [タイプ]ドロップダウンリストを使用して、[A / B]、[マルチページとパーソナライズ]、[複数ページ]を選択します。

  5. 必要に応じて、[ソースコードを保存する]を選択します。

  6. [作成]をクリックし、バリエーションエディタが開きます。

[ソースコードを保存する]オプション

このオプションを使用すると、ユーザーアカウントのログインの詳細やアイテムをカートに保存する必要がある、または動的コンテンツ(AJAX Webサイトなど)を備えたWebページでテストを作成できます。

[ソースコードを保存する]チェックボックスをオンにすると、ページのHTMLコードが保存され、特定の情報を含むページでエディターが起動します。

次の例のウェブサイトでは、カートに商品が入っているかどうかに関わらず、カートページのURLは変わりません。そのため、URLだけを見てこのページをエディターで読み込むと、カートに商品が入っていない状態になってしまいます。

https://tastyproducts.pswebshop.com/fr/order?ipa = 0

エディタで開いても「カートに商品がありません」と表示されてしまいます。

この場合はまず、カート内にアイテムがある状態にします。

テストの作成時に[ソースコードの保存]オプションを使用すると、アイテムがカートにある状態でエディタを開くことができます。

クッキーを削除する

あなたは現在表示しているページからABTastyクッキーとABTastySessionクッキーを削除することができます。

これにより、訪問者に表示されるテストのバージョンに関する情報を削除できます。

これを行うには、次の手順を適用します。

  1. 目的のWebページに移動し、

  2. [その他のツール]をクリックしてから、[ AB Tastyクッキーを削除](ゴミ箱マーク)をクリックします

この機能は、QAプロセスを通じてテストを実行するときに役立ちます。前に示したものとは異なるバリエーションが表示されることを確認できます。

JSビヘイビアのリセットを選択します。 これで、エディタで読み込まれた各新規ページにスクリプトが注入されます。 オプションの上にマウスを置くと、情報メッセージが表示されます。

リストの下部にあるアイコンの上にマウスを置くと、タグのステータスが表示されます。

リストの下部に確認メッセージが表示されます。

[アカウントの選択]フィールドでは、使用するアカウントを選択できます。複数のアカウントを管理している場合は、最初の文字を入力してリストをフィルタリングします。

https://chrome.google.com/webstore/detail/ab-tasty/bdiahcebghgckgbgmjhdbecjkedpcidn
abtasty_support_campaign-setup_chrome-add-on6
abtasty_support_campaign-setup_chrome-add-on3
abtasty_support_campaign-setup_chrome-add-on2
abtasty_support_campaign-setup_chrome-add-on4
abtasty_support_campaign-setup_chrome-add-on5
abtasty_support_campaign-setup_chrome-add-on9
abtasty_support_campaign-setup_chrome-add-on7
abtasty_support_campaign-setup_chrome-add-on8