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

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

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

ビジュアルエディター上で編集したい要素の1つをクリックします。
表示された編集メニューから[同じ要素を選択します]を選択し、一括変更する対象を指定します。

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

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

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

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

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

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

キャンペーン作成ステップでコードエディターを開き、[キャンペーンコード]>[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);
    }
});