Как использовать функционал вёрстки из сниппетов

Вы можете автоматизировать процесс создания рассылки с помощью функционала вёрстки из сниппетов. В статье рассмотрен пример автоматизации.

Пример реализации посмотрите здесь.

Сниппетами мы называем оформление ссылки, когда ей делишься в социальных сетях.

Например, в facebook сниппет формируется на базе тегов Open Graph. В Mailganer вы можете создать шаблон рассылки, в который контент будет подставляться из тех же самых тегов Open Graph.

Рассмотрим на примере сайта peopletalk.ru. Предположим мы имеем следующий код на конечной странице новости:

<meta property="og:title" content="Италия в Москве! Это стоит увидеть и… попробовать! - PEOPLETALK" />
<meta property="og:description" content="Не успел слетать в Рим этим летом, хотя очень хотел? Рим прилетает к тебе! Точнее, вся Италия сразу. С 3 по 8 октября в Центральном выставочном зале «Манеж" />
<meta property="og:image" content="http://cdn3.peopletalk.ru/wp-content/uploads/2016/10/1475515786.jpg" />

Если вы укажите ссылки на 4 новости, то Mailganer возьмёт всю остальную работу на себя. Результатом может быть, например, такая вёрстка:

 

Как создать такой шаблон?

В шаблоне возможно использование следующих переменных:

{{ item.title }} - заголовок из og:title
{{ item.link }} - ссылка из которой берутся теги og
{{ item.description }} - текст из og:description
{{ item.image }} - картинка из og:image
{% for item in rss_feed %} ... {% endfor %} - пробег по всем ссылкам
{% if forloop.counter == 1 %} ... {% endif %} - условие для первой ссылки
{% if forloop.revcounter == 1 %} ... {% endif %} - условие для последней ссылки

Рассмотрим пример вёрстки для сайта peopletalk.ru.

Опустим общие блоки (лого, меню и т.п.), рассмотрим именно блоки генерации контента.

Видно, что первые новости выстраиваются по одной логике, а 2 последних - по другой.

Фрагмент кода для первых новостей:

<table>
  {% for item in rss_feed %}
    {% if forloop.revcounter > 2 %}
    <tr>
      <td>
<img src="{{ item.image }}" />
        <h1>{{ item.title }}</h1>
        <p>{{ item.description }}</p>
        <a href="{{ item.link }}">Читать далее</a>
      </td>
    </tr>
    {% endif %}
  {% endfor %}
</table>

Фрагмент кода для 2ух последних новостей:

<table>
  <tr>
{% for item in rss_feed %}
    {% if not forloop.revcounter > 2 %}
    <td>
<img src="{{ item.image }}" />
      <a href="{{ item.link }}">{{ item.title }}</a>
    </td>
    {% endif %}
  {% endfor %}
  </tr>
</table>

Таким образом, можно создать шаблон рассылки, который будет сгенерирован на основе ссылок.

p.s.1

В примере используется простая, неадаптивная вёрстка. Это сделано специально, чтобы не усложнять пример особенностями кроссплатформенной адаптивной вёрстки.

p.s.2

Если по какой то причине вы не можете использовать теги og, например, захотите разделить контент, отдаваемый в соц. сети и в рассылки, то поддерживаются теги mg. Т.е. значение {{ item.title }} возьмётся из <meta property="og:title" ... если в коде страницы не встретится <meta property="mg:title" ...

 

Была ли эта статья полезной?
Пользователи, считающие этот материал полезным: 0 из 0
Еще есть вопросы? Отправить запрос
Войдите в службу, чтобы оставить комментарий.