Зачем пользоваться сниппетами лендеров?
В этой статье мы рассмотрим сниппеты лендеров (lander snippets), что это такое, как этим пользоваться и как они могут помочь в работе.
В программировании существует понятие DRY (Don't repeat yourself - не повторяй сам себя). В общем смысле это означает, что если у вас есть кусок кода, который вы используете из раза в раз на множестве лендеров, то гораздо проще и эффективнее создать понятный и короткий сниппет с этим кодом, вместо того, чтобы постоянно его переписывать или копировать/вставлять в код.
Нарушение правила DRY называется WET, по-английски We Enjoy Typing (нам нравится печатать) или Write Everything Twice (печатаем все дважды).
Каким образом помогает использование сниппетов?
Все очень просто, вы сэкономите кучу времени если будете собирать свои уникальные лендеры из заранее созданных деталей вместо того, чтобы каждый раз начинать создание лендера с чистого листа.
Более того, используя сниппеты, вы ускоряете загрузку вашего лендера, потому, что Zeustrack заранее знает какой код лендера должен быть отработан.
В результате вы быстрее создаете уникальный лендер и быстрее загружаете его вашему пользователю, что несомненно позитивно влияет на конверсию.
Примеры сниппетов
Ни для кого не секрет, что большинство используют код пикселя Facebook практически на каждом своем лендере.
На видео ниже показано, как создать сниппет для пикселя Facebook:
1. Зайдите в раздел Landers > Lander Snippets и нажмите кнопку New Snippet. В поле Placeholder впишите название сниппета, например fbpixel, скопируйте и вставьте код ниже в поле Snippet:
<script> var _fbpixel = '{lander.param:fbpixel}'; if (_fbpixel) { !function(f,b,e,v,n,t,s) { if(f.fbq)return;n=f.fbq=function() { n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments) } ;if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,document,'script','//connect.facebook.net/en_US/fbevents.js'); fbq('init', _fbpixel); fbq('track',"PageView"); } else { var fbq = function(){}; } </script> <noscript> <img height="1"style="display:none"src="https://www.facebook.com/tr?id={lander.param:fbpixel}&ev=PageView&noscript=1"/> </noscript>
2. Нажмите кнопку Create & Close. Вот и все, вы создали свой первый сниппет. Теперь, когда вам понадобится вставить код пикселя Facebook на свой лендер, вам всего лишь нужно будет создать дополнительный параметр в шаблоне источника трафика fbpixel, задать ему какое-либо имя, например Facebook pixel ID и вписать значение.
3. После этого, вставьте сниппет пикселя в код своего лендера {snippet:fbpixel}.
Удобно, не правда ли? Это самый простой и общий пример использования сниппетов. Вы можете создавать целые лендеры, используя только сниппеты.
Бонус! Mногоуровневые сниппеты
Zeustrack поддерживает до 10 уровней вложенности сниппетов в сниппеты, таким образом вы можете использовать один сниппет непосредственно в коде другого сниппета.