Adamant Телеграм-лендинг для FB: как сделать нормально, а не «как у всех»

Включить нумерованное содержание?

Нет

Листаю я спайки и библиотеку FB — и каждый раз поражаюсь, насколько криво и технически безграмотно сделаны ленды под залив на Telegram. Решил поделиться рабочим подходом.

Материал с канала: Adamant

Итак, как сделать правильный лендинг для залива на TG через FB. Пошаговый процесс:

1. Копируем ленд
Заходим на Копия сайта - как создать копию сайта и копируем ленд нужного канала/бота.

2. Подправляем визуал
В редакторе заменяем аватарку, так как Xdan её не подтягивает — она грузится напрямую с серверов TG.

3. Убираем кнопку “Download”.
Нам не нужно, чтобы юзер улетал на страницу скачивания Telegram. Есть риск, что он не вернётся.
Плюс, если вы оптимизируете кампанию на внутренние события TG (подписка, активация бота, диалог), то FB будет подбирать аудиторию с установленным Telegram — Цукерберг, по крайней мере, очень постарается.

4. Загружаем лендинг в Keitaro.
Редактируем код: из скрипта удаляем лишнее и оставляем вот это:

var pageHidden = false;
  window.addEventListener('pagehide', function () {
    pageHidden = true;
  }, false);
 
var tme_bg = document.getElementById('tgme_background');
if (tme_bg) {
  TWallpaper.init(tme_bg);
  TWallpaper.animate(true);
  window.onfocus = function(){ TWallpaper.update(); };
}
document.body.classList.remove('no_transition');
function toggleTheme(dark) {
  document.documentElement.classList.toggle('theme_dark', dark);
  window.Telegram && Telegram.setWidgetOptions({dark: dark});
}
if (window.matchMedia) {
  var darkMedia = window.matchMedia('(prefers-color-scheme: dark)');
  toggleTheme(darkMedia.matches);
  darkMedia.addListener(function(e) {
    toggleTheme(e.matches);
  });
}

5. Удаляем 90-ю строку кода.
Это уберёт автосрабатывание диплинка Telegram. Подробно про вред автодиплинка я писал в этом посте. (Adamant)

6. Финальные шаги.
Сохраняем, проверяем и льём трафик.

Дополнительно: На этапе редактирования в Xdan можно внести кастомные изменения под свою воронку, хорошо увеличивает конверт из клика в подписку/активацию бота. Об этом сделаю отдельный пост в будущем.

Результат: классический «тгшный» ленд без автодиплинка, полностью готовый к работе.

Такие дела, друзья. Работаем дальше — системно, с душой.

 

[Nonser]

+ можно через js добавить разные языки в зависимости от языка браузера посетителя
+ визуально на ленде накрутить число подписчиков для лучшего перехода
+ по желанию галочку возле названия канала