Пробрасываем суб-метки через конструктор Wix

Первым делом наполняем сайт контентом: добавляем все нужные картинки и надписи. После того, как всё готово, включаем режим разработчика. Для этого жмём кнопку, как на скрине ниже:

Снизу у вас появляется редактор кода, переходим в него:

Выделяем ВЕСЬ код, который там есть и вместо него вставляем наш:

import wixLocation from 'wix-location';
$w.onReady(function () {
    function getParametersAsString(url) {
        return url.substring(url.indexOf("?"), url.length)
    }
    //Начало обработчика щелчка на изображении
     $w('#image1').onClick((event) => {
         wixLocation.to("https://google.com" + getParametersAsString(wixLocation.url));
    });
    //Конец обработчика
});

Проверьте внимательно, что у вас всё скопировалось правильно! Особенно, если вы на МАКе! Проверьте, что кавычки выглядят как кавычки, а не как quot!!!

Теперь смотрим, как называется наше изображение, которое мы вставили на страницу и по которому будут кликать пользователи. Для этого щёлкаем на изображение и видим, что у него в верхнем углу появилось его имя. В данном случае, image3. 

У вас, скорее всего, будет изображение image1, если это не так, то исправьте в коде строку image1 на ваше название изображения. 

Если у вас не изображение, а кнопка, то исправьте image1 на button1 или как она там у вас называется. Если у вас несколько кнопок или изображений, то скопируйте код между строками “Начало обработчика — конец обработчика” и вставьте их нужное кол-во раз (по кол-ву кнопок и/или изображений). Пропишите в каждом из вставленых кусков кода свой идентификатор кнопки/изображения.

Последним шагом нужно поменять в коде https://google.com на вашу ссылку кампании в Кейтаро БЕЗ длинного хвоста из меток.

Публикуем наш сайт в виксе кнопкой Publish.

Викс выдаёт нам ссылку на сайт. Копируем её!

Вставляем в браузер ссылку и дописываем ей в конец любые суб-метки. Например: https://rattack5.wixsite.com/mysite?sub1=abc&sub2=345

И нажимаем Enter. Открывается наш сайт. При щелчке на картинку нас теперь должно перебросить на кампанию трекера: http://example.com?sub1=abc&sub2=345 

Бонус: добавляем авторедирект с клоакингом

Мы можем определять по UserAgent-у, кто к нам пришёл. Если это бот Facebook — мы оставляем его на нашей странице, если же это обычный пользователь, то мы можем автоматически редиректить его на оффер. В приведённом ниже примере авторедирект происходит через 300 мс.

import wixLocation from 'wix-location';
function getParametersAsString(url) {
    return url.substring(url.indexOf("?")+1, url.length);
}
function isFacebookBot() {
  var userAgent = navigator.userAgent.toLowerCase();
  return userAgent.includes('facebook') || userAgent.includes('facebot');
}
let dest = "https://example.com?" + getParametersAsString(wixLocation.url);
if (!isFacebookBot()) setTimeout(() => {    wixLocation.to(dest);   }, 300);
$w.onReady(function () {
    $w("#image1").onClick((event) => {
        wixLocation.to(dest);
    });
    //Конец обработчика
});