Подключение лендинга

Подключение лендинга организовано безопасным способом: вы расставляете обычные ссылки на ТГ канал и размещаете специальный скрипт бота, который получаете при создании подключения.

Скрипт заменяет обычные ссылки в Телеграм на свои. Но если скрипт не загрузится в силу тех или иных причин, переход в Телеграм будет работать и рекламные кампании не пострадают.

Подключение лендинга

Этот сценарий подойдет для большинства популярных конструкторов: тильда, flexBy, tapLink, WordPress и другие.

Шаг 1 – подключите скрипт.

  • Разместите код, который вы получили при создании подключения в любом месте между тегами <head></head> вашего лендинга.
  • Для Я.Директ: отдельно Я.Метрику можно не подключать – скрипт бота добавит её самостоятельно.

Шаг 2 – разместить ссылки на канал.

На элементах интерфейса (кнопках) – поставьте ссылки на ваш канал согласно инструкции, полученной при создании подключения.

  • https://t.me/<ссылка на канал> – для перехода в конец канала
  • https://t.me/<ссылка на канал>/123 – для перехода на посадочный пост, где 123 – номер поста

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

Если на лендинге несколько кнопок или ссылок, которые ведут в канал, то убедитесь, что на них на всех ссылки как в инструкции по подключению.

C одного лендинга можно вести на разные посты. Достаточно изменять номер поста в конце ссылки.

Шаг 3 – опубликуйте страницу.

Если всё сделано верно, то переход в канал с лендинга должен заработать.

Шаг 4 – протестируйте разметку лендинга.

В конце url вашего лендинга допишите параметр ?tgtrack=test и обновите страницу. Если все подключено верно, то бот покажет окно с количеством найденных ссылок. Сверьте это число с тем, сколько у вас на лендинге в действительности.

Конструктор LPMotor

Конструктор LPMotor имеет свою особенность: он вместо стандартных HTML ссылок использует собственные блоки с кодом обработки. Такие блоки скрипт бота не распознает как ссылки.

Если ваш лендинг сделан на этом конструкторе, то кнопки перехода в телеграм канал нужно сделать самому на чистом HTML коде:

HTML блок с кнопкой:

<div class="buttonBlock">
    <a href="https://t.me/ссылка_в_канал/номер_поста">
      <div class="button">
        ПЕРЕЙТИ В ТЕЛЕГРАМ
      </div> 
     </a>
</div>

Code language: HTML, XML (xml)
.buttonBlock {
    text-align: center;
}

.buttonBlock .button {
 display: inline-block;
 margin: auto;
 background-color: blue;
 color: white;
 padding: 16px 32px;
 border-radius: 8px;
}
Code language: CSS (css)

Далее:

Проверка подключения

Частые ошибки