エディターに関するよくある質問

1.　ビジュアルエディターの操作

同じ要素を一括変更する方法

1. ビジュアルエディター上で編集したい要素の1つをクリックします。

2. 表示された編集メニューから[同じ要素を選択します]を選択し、一括変更する対象を指定します。

1. 複数要素が指定された状態で、再度表示されたメニューから実行したい内容を選択し、作業を行ってください。

2. コードエディターの操作

（1）オリジナルとバリエーション両方にJavascriptを適用したい

コードエディターで、下記のように[キャンペーンコード]で記述し保存してください。

※ビジュアルエディター上の[キャンペーンJavascript]からも設定可能です。

（2）正規表現を活用してトラッキング設定したい

1. キャンペーン作成ステップでコードエディターを開き、[キャンペーンコード]>[Javascript]に記述してください。

コード例：

const regex = /button/;
// Function to be executed when the regex matches an element
function regexMatchHandler(event) {
    console.log('Regex match found!');
    console.log('Matched element:', event.target);
    ABTastyClickTracking('GOAL_NAME');
}
// Use querySelectorAll to find all elements on the page
const allElements = document.querySelectorAll('*');
// Loop through each element and check if the regex matches the id
allElements.forEach(element => {
    if (regex.test(element.id)) {
        element.addEventListener('click', regexMatchHandler);
    }
});

1. その後、[右上プロフィールアイコン]>[アカウント管理]>[目標管理]>[カスタム追跡]を開きます。

1. [カスタム追跡を作成する]>[カスタムコードから]を選択し、コード内のABTastyClickTracking()で指定した名前を入力し保存してください。保存するとキャンペーン作成画面の目標設定ステップで選択できるようになります。