Жёлтый Веб Делаем универсальную страницу «Спасибо»

Жёлтый Веб
Источник

Привет, арбитражники! Как там, заливаете? Траф течёт? А вот Жёлтого хлебом не корми, дай что-нибудь прооптимизировать. Сегодня разберём удобную штуку — страницу «Спасибо» под любую тематику и (почти) любое ГЕО.

Лично мне весьма надоело возиться со страницами Спасибо от ПП: то они не на языке гео, а тупо на английском или русском и нужно заниматься переводом, то пиксель на каждую из них нужно добавить, то дизайн суперубогий и т.д. И по этому поводу я решил создать универсальный вариант, чтобы раз и навсегда забыть о том, что такая вещь, как страница «Спасибо» вообще существует.

Полный код решения лежит на GitHub, качайте пока, а я расскажу, что там к чему.

Список возможностей

Для начала пройдёмся по набору функций:
  • Поддержка различных шаблонов оформления
  • Автоматический перевод текста страницы
  • Вставка пикселя Facebook
  • Выбор события пикселя
  • Кеширование переведённых страниц, чтобы не дёргать переводчик
Теперь пойдём по шагам и разберёмся как с этим работать.

Работа с шаблонами

Шаблон — это по сути папка, в которой хранятся 2 файла:

  • html-файл t.html — тут находится дизайн страницы
  • текстовый файл text.txt — здесь лежит весь текст
image-4.png

На скрине 2 шаблона: m1 и shakes


Как создать шаблон? Легко: создайте подпапку с нужным вам именем в папке templates, бросьте туда html-файл страницы Спасибо от ПП или свой собственный и переименуйте его в t.hml.
Примечание: Если CSS-стили вашей Спасибо находятся в отдельном файле, то скопируйте их и засуньте ВНУТРЬ t.hml. Для этого создайте тег <style></style> сразу после <body> и запихайте туда скопированное.

Теперь вам нужно создать в той же папке файл text.txt. Что туда писать? Открываете HTML своей Спасибо в любом текстовом редакторе (я предпочитаю Notepad++) и ищете в нём все текстовые куски: предложения или отдельные слова. Короче всё то, что будет меняться в зависимости от ГЕО.

Каждый найденный кусок текста копируете на НОВУЮ строку файла text.txt. А вместо скопированного текста в HTML-файле пишете вот такую конструкцию: {T1} — для первого куска, {T2} — для второго и т.п. Если куски одинаковые, то и замена будет одна и та же (см на {T1} на скрине ниже).

image-5-1024x600.png

Да, язык текста у ВСЕХ ваших шаблонов ДОЛЖЕН БЫТЬ ОДИН И ТЕМ ЖЕ, чтобы корректно работал автоперевод. По умолчанию стоит английский, но вы можете изменить его, скажем, на русский, поменяв en на ru в файле index.php

image-6-1024x267.png

С созданием шаблонов разобрались, переходим к работе с автопереводом.

Автоперевод страницы

Автоматический перевод страницы Спасибо осуществляется с помощью бесплатного сервиса LibreTranslate. Для перевода он использует вот эту нейросетку и на данный момент поддерживает следующие языки:

Arabic, Chinese, Dutch, English, Finnish, French, German, Hindi, Hungarian, Indonesian, Irish, Italian, Japanese, Korean, Polish, Portuguese, Russian, Spanish, Swedish, Turkish, Ukranian, Vietnamese.

Как видим, далеко не все языки мира, но вполне достаточно для наших арбитражных нужд. Сервис использует двухбуквенное обозначение языка, полный список двухбуквенных сокращений можно найти тут.
Примечание: Если вы, вдруг, выберете неподдерживаемый язык, то универсальная Спасибо покажет страницу на английском.

Сейчас моя универсальная Спасибо использует немецкий сервер для перевода — libretranslate.de, если вдруг он когда-нибудь перестанет существовать или если вы параноик, то вы всегда можете развернуть подобный сервер сами, читайте мануалы, всё бесплатно.

UPD: Если вам мало LibreTranslate то специально для вас я запилил возможность заюзать сервис перевода DeepL. Для этого откройте index.php и измените $translator на deepl плюс откройте translator.php и засуньте туда свой API ключ. Поддерживается работа как с платной так и бесплатной версией API.

По умолчанию в универсальной Спасибо включено кеширование: зачем для каждого пользователя из одного и того же ГЕО дёргать сервис переводчика? Проще получить перевод один раз и потом использовать уже сохранённую версию. Для этого моя Спасибо создаёт папку cache, где в зависимости от шаблона и языка сохраняет нужную html-страницу с переводом.

image-7.png

Подключение универсальной страницы Спасибо

Перво-наперво создайте у себя на хостинге папку thankyou и в неё загрузите весь код с гитхаба + ваши шаблоны, если вы успели их себе сделать. Лично у себя в Кейтаро я взял стандартную папку, куда Кейтаро грузит все проклы-ленды и именно в ней сделал папку thankyou.

Ну и поехали, разберём два стандартных способа подключения:
  • редирект
  • включение кода стр.Спасибо через include
Как вы, должно быть, понимаете, «вызов» страницы Спасибо обычно осуществляется из PHP-скрипта отправки лидов, типа order.php. И один из самых распространённых вариантов подключения стр.Спасибо — это редирект.

Выглядит это в коде файла отправки лидов как вызов функции header:

image-8-1024x156.png

В качестве параметра у этой функции идёт сначала строка Location: после которой идёт адрес того файла, на который мы делаем редирект и к нему далее лепятся параметры.

Как прописать адрес редиректа? Если файл отправки лидов у вас находится в той же папке, что и индексный файл вашего ленда, то получается, что файл index.php нашей универсальной Спасибо находится на уровень выше в папке thankyou:

../thankyou/index.php

Дальше смотрим, какие у нас есть параметры:

  • px — отвечает за передачу идентификатора пикселя Facebook
  • pixelevent — событие пикселя (по умолчанию — Lead)
  • lang — язык, на котором должна быть показана Спасибо (по умолчанию — en)
  • template — шаблон (по имени папки, по умолчанию — random)
Все параметры кроме пикселя можно не писать, будут использованы значения по умолчанию.

Итого получается примерно вот такая конструкция:

image-9-1024x88.png

Пример для настройки редиректа находится в файле exampleredirect.php

Что если мы не хотим делать редирект, а хотим использовать include?

Тогда действуем примерно вот так:

image-11.png

Как производить настройки при таком виде подключения должно быть понятно из скрина, я лишь обращу ваше внимание на то, что при подключении через include можно поменять название метки, в которой у вас в скрипт отправки лидов передаётся пиксель Facebook.

Пример для настройки через include находится в файле exampleinclude.php

Вот, собственно, и все возможности, мне пока достаточно ?

Думаю, добавлю эту универсальную Спасибо к себе в бесплатную кло, ну а вам желаю лить в плюс и писать мне фидбэк в ЛС и комментах!
 
Назад
Верх