Как настроить перенаправление на определенную страницу в зависимости от utm-метки в JavaScript?

Как настроить скрипт на веб-сайте для автоматического перенаправления основанного на UTM-метках в URL? Необходимо, чтобы при переходе по определенной UTM-ссылке осуществлялось моментальное перенаправление на соответствующую страницу на сайте. Возможно, потребуется использовать информацию из Google Таблицы для сопоставления ссылок. Текущий скрипт, который был протестирован, не дал ожидаемого результата.
  • 3 августа 2024 г. 11:53
Ответы на вопрос 2
Для настройки перенаправления на определенную страницу в зависимости от utm-метки в JavaScript, можно использовать следующий код:

```javascript
// Получаем значение utm-метки из URL
const urlParams = new URLSearchParams(window.location.search);
const utm = urlParams.get('utm_source');

// Определяем, на какую страницу нужно перенаправить пользователя в зависимости от utm-метки
switch(utm) {
  case 'google':
    window.location.href = 'https://example.com/google-page';
    break;
  case 'facebook':
    window.location.href = 'https://example.com/facebook-page';
    break;
  case 'instagram':
    window.location.href = 'https://example.com/instagram-page';
    break;
  default:
    break;
}
```

Этот код будет проверять значение utm-метки в URL и перенаправлять пользователя на соответствующую страницу в зависимости от значения метки.

Чтобы сопоставить ссылки с utm-метками, можно создать Google Таблицу, где будут указаны utm-метки и соответствующие им ссылки. Затем можно использовать API Google Sheets или библиотеку для чтения данных из Google Таблицы и настроить проверку utm-метки и перенаправление на основе полученных данных.

Если текущий скрипт не дает ожидаемого результата, возможно, следует проверить правильность использования utm-меток в URL и проверить работоспособность скрипта на различных устройствах и браузерах. Также стоит убедиться, что скрипт вызывается на каждой странице сайта, где требуется перенаправление.
const links = {
	36624938042: 'https://marketing-parsing3.tilda.ws/im/tproduct/368371303452-radialnie-opravki-levie-korotkie-vdi-b3',
	48534127142: 'https://marketing-parsing3.tilda.ws/im/tproduct/579863714382-blok-privodnoi-radialnii-vdi40-5480-er32'
}

const searchParams = new URLSearchParams(location.search)
const utm = searchParams.get('utm_term')

if(utm && links.hasOwnProperty(utm)) {
	location.href = links[utm]
}


Как написать скрипт для получения данных именно с гугл-таблицы придется разбираться самостоятельно
Похожие вопросы