A href email: How to Create an Email Link in HTML: 8 Steps (with Pictures)

Диспетчер отслеживания ссылок — настройки href

При настройке пользовательских профилей отслеживания ссылок есть раздел под названием «Настройки href». Здесь вы точно контролируете, как будут форматироваться ссылки при экспорте писем из Taxi. Например, вы можете определить все параметры, которые вам нужно добавить к своим ссылкам, иметь исключения (если некоторые ссылки не требуют отслеживания) или настроить правила, если для разных ссылок требуется разное отслеживание.

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

В этой статье объясняются различные способы использования жидкости при настройке отслеживания ссылок.

Начало работы

Все, что вы введете в это поле кода, будет точно определять, как будут выглядеть ссылки при экспорте электронной почты из Taxi. Обычно вы начинаете с любой ссылки, которую кто-то вводит в поле ссылки в версии.

Для этого вы используете:

 {{linkfields. original_href}} 

Если у вас есть только это в настройках href, и в версии вы вводите https://www.taxiforemail.com, в экспортированном HTML вы будет иметь href=»https://www.taxiforemail.com»

Когда отслеживание добавляется к ссылке, для отделения URL-адреса от параметров отслеживания требуется знак вопроса. Однако, если исходный URL-адрес уже содержит вопросительный знак, необходимо использовать амперсанд, чтобы отделить URL-адрес от отслеживания.

Чтобы убедиться, что используется правильный символ, включите пользовательский фильтр в переменную original_href:

 {{linkfields.original_href | url_arg_prefix}} 

Этот фильтр означает, что если ссылка содержит ? затем поставьте & в конце ссылки, но если она не содержит ?, то добавьте ? до конца ссылки. Это устраняет необходимость вручную добавлять это для каждой ссылки в ваших электронных письмах.

В профилях отслеживания ссылок вы можете создавать настраиваемые поля. Они используются для установки переменных, которые можно использовать при отслеживании ссылок, таких как жестко заданное значение «электронной почты» или что-то, что может измениться, например, название кампании. Подробнее об этих полях читайте здесь.

Чтобы использовать это в своих ссылках, используйте:

 {{linkfields.name_of_custom_field}} 

Если настраиваемое поле называется utm_campaign, вы должны ссылаться на него следующим образом:

 {{linkfields.utm_campaign}} 

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

 {{linkfields.original_href | url_arg_prefix}}utm_source={{linkfields.utm_source}}&utm_medium={{linkfields.utm_medium}}&utm_campaign={{linkfields.utm_campaign}} 

Все, что находится внутри жидких скобок {{ }}, является переменной, а все остальное всегда будет включены в ссылку как есть.

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

Все ваши ссылки могут не нуждаться в точно таком же отслеживании или даже отслеживании вообще. Вы можете настроить таргетинг на определенные URL-адреса или типы ссылок, чтобы отслеживать или не отслеживать, используя операторы if.

Здесь, если ссылка содержит taxforemail.com, то к ней будет применено отслеживание, но любая другая ссылка вообще не будет отслеживаться. Это может быть полезно, когда у вас есть ссылки на внешние веб-сайты, которые не имеют отношения к трафику вашего сайта.

 {%- если linkfields.original_href содержит 'taxiforemail.com' -%} 
 {{linkfields. original_href | url_arg_prefix}}utm_source={{linkfields.utm_source}}&utm_medium={{linkfields.utm_medium}}&utm_campaign={{linkfields.utm_campaign}} 
 
 {%- else -%} 
 
 {{linkfields.original_href}} 
 
 {%- endif -%} 
 
 

Применение различного отслеживания к разным ссылкам

В этом примере, если ссылка в электронном письме содержит TaxiForemail.com используется один набор параметров отслеживания. Если ссылка содержит sparkpost.com, будет использоваться другой набор параметров. Любая ссылка, которая не соответствует ни одному из этих условий, не будет отслеживаться.

 {%- если linkfields.original_href содержит 'taxiforemail.com' -%} 
 {{linkfields.original_href | url_arg_prefix}}utm_source={{linkfields.utm_source}}&utm_medium={{linkfields.utm_medium}}&utm_campaign={{linkfields.utm_campaign}} 
 {%- elsif linkfields.orginal_href содержит 'sparkpost.com' -%} 
 {{ linkfields.original_href | url_arg_prefix}}utm_source={{linkfields. utm_source}}&utm_medium={{linkfields.utm_medium}}&utm_campaign={{linkfields.utm_campaign}}&utm_term={{linkfields.utm_term}} 
 {%- else -%} 
 {{ linkfields.original_href}} 
 {%- endif -%} 

В то время как приведенные выше примеры позволяют указать определенные ссылки для отслеживания, вы также можете настроить таргетинг на ссылки, которые не будут отслеживаться. Это часто используется для ссылок mailto.

 {%- если linkfields.original_href содержит 'mailto:' -%} 
 {{linkfields.original_href}} 
 {%- else -%} 
 {{linkfields.original_href | url_arg_prefix}}utm_source={{linkfields.utm_source}}&utm_medium={{linkfields.utm_medium}}&utm_campaign={{linkfields.utm_campaign}} 
 {%- endif -%} 

Это означает, что если вы включаете ссылку mailto в электронное письмо, она не будет отслеживаться, но все остальные ссылки будут отслеживаться.

Если вы используете определенные соглашения об именах для этих различных частей вашей учетной записи Taxi, и они также должны быть включены в ваше отслеживание, вы можете ссылаться на них в профилях отслеживания ссылок.

Группа проектов — {{project_group.name}}

Проект — {{project.name}}

Рассылка — {{mailing.name}}

Версия — {{version.name}}

Их также можно использовать в условных операторах при отслеживании изменений, например, в зависимости от того, в какой группе проекта находится электронное письмо.

 {%- if project_group.name == 'Newsletters' -%} 
 Информационный бюллетень 
 {%- elsif project_group.name == 'Triggers' -%} 
 Triggers 
 {%- endif -%} 

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

Существует два способа нацеливания на коннекторы в вашей учетной записи.

— Тип разъема

Относится к любому разъему для одного конкретного ESP. Например, с этим кодом:

 {% ifconnector.type == 'SFMC_CONTENT_BUILDER' %}%%CUSTOMERID%%{% endif %} 

Вы ориентируетесь на любой коннектор Salesforce, который есть в вашей учетной записи. Таким образом, при каждом экспорте в Salesforce это отслеживание будет включено, даже если у вас несколько соединителей.

Точный тип разъема можно найти в этой статье

— Имя соединителя

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

 {% ifconnector.name == 'Мой коннектор Salesforce' %}%%CUSTOMERID%%{% endif %} 

В этом примере это отслеживание будет осуществляться только для коннектора, который вы назвали «Мой коннектор Salesforce». Если у вас есть другой коннектор Salesforce с другим именем, это отслеживание не будет применяться при использовании этого коннектора.

Этот подход также полезен, когда ссылки, которые вы отправляете в ESP, недействительны до фактической отправки электронного письма. Например, если есть теги персонализации ESP, которые разрывают ссылку, если она не преобразована в фактическое значение.

Использование приведенного выше оператора if означает, что при экспорте в ESP ссылка будет включать все необходимое отслеживание. Если бы это было включено при отправке теста из Такси, ссылка могла бы оказаться неработающей, если ей нужно сначала пройти через ESP. Код ESP включается только при использовании соединителя, поэтому, когда вы используете это жидкое правило, вы также можете проверить ссылки в Такси.

Salesforce используется в качестве примера. Этот подход можно использовать с любым ESP, с которым у нас есть коннектор.

Если часть вашего отслеживания ссылок меняется в зависимости от того, в какой части электронного письма находится ссылка, вы можете настроить таргетинг на модули вашей системы дизайна электронной почты и иметь различное отслеживание для каждого модуля. Например, если у вас есть параметры, определяющие, нажимают ли получатели на кнопки, изображения или текст.

Для этого используйте context.module.name .

 {% if context.module.name == 'image' %}IMAGE{% elsif context.module.name == 'button' %}BUTTON{% endif %} 

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

Если вы хотите настроить таргетинг на модуль, который находится за пределами зоны модулей, синтаксис немного отличается.

 {% if context.module.name == 'modulesfooter' %} 

Добавить «модули» перед именем модуля.

В вашей системе дизайна электронной почты вы можете использовать редактируемые элементы, чтобы разбить редактор на разные разделы, чтобы упростить навигацию и использование. Например, если у вас есть модуль с изображением и некоторым текстом, у вас может быть редактируемый объект для изображения и редактируемый текст.

Когда вы щелкаете элемент проверки в версии в Taxi для определенного фрагмента контента, вы заметите атрибут с именем «taxi-scope». Это сообщает вам имя редактируемого объекта, в котором находится этот конкретный фрагмент контента.

Например, это говорит нам, что изображение находится в редактируемом файле с именем «изображение»:

И это говорит нам, что некоторый текст находится внутри редактируемого называется «заголовок»:

В профиле отслеживания ссылок мы можем настроить таргетинг на эту область такси. Например:

 {% if context.module.name == 'text_and_image' и attribute.taxi-scope содержит 'image' %}Banner{% elsif %}{% endif %} 

Чаще всего первой частью жидкости будет {{linkfields.original_href}}, так как это URL-адрес, используемый в электронном письме, и он предшествует любому отслеживанию.

Иногда URL-адрес, используемый в электронном письме, может являться частью более длинного URL-адреса, например, если у вас есть другой URL-адрес для пользователей, открывающих на мобильных устройствах, которые направляют их прямо на страницу приложения, а не в браузер.

https://taxi.onelink.me/Uy67?web_url={{linkfields.original_href}}&mobile_link=APP_LINK

В этом примере нам нужно https://taxi.onelink.me/Uy67?web_url= , чтобы идти перед фактическим URL-адресом веб-страницы. Вы можете указать это перед {{linkfields.original_href}} в разделе настроек href.

Тег назначения позволяет создавать новые переменные жидкости. Например, если у вас была длинная часть персонализации, которую нужно было включить несколько раз в ваш профиль отслеживания ссылок. Вместо того, чтобы вводить его каждый раз, вы можете создать переменную, используя assign, а затем повторить переменную вместо длинной строки персонализации.

 {% assign ID = '%%CUSTOMERID%%_%%PRODUCTID%%_%%FIRSTNAME%%' %} 
 {{ID}} 
 

Каждый раз, когда вы используете эту переменную, вы будете использовать любое значение установить в задании.

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

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

 {% модуль захвата %} 
 {% if context.module.name == 'image' %}BANNER{% elsif context.module.name == 'text' %}TEXT{% endif %} 
 {% endcapture %} 
 {{linkfields.original_href | url_arg_prefix}}utm_source=email&utm_medium=newsletter&utm_term={{module}} 
 

Переменная ‘module’ будет использовать оператор if в захвате. Если это необходимо несколько раз при отслеживании ссылок, может быть проще использовать этот подход, чем повторение полного оператора if.

Якорные ссылки — это URL-адреса, которые позволяют перейти к определенной части веб-страницы. Например, https://www.mywebsite.com#contactus приведет вас к разделу контактов на этой странице.

Хэштег и все, что после него, нужно поставить в конце ссылки, чтобы браузер понял, что это та часть страницы, на которую нужно перейти. Если вы добавите отслеживание к этим ссылкам, якорь больше не будет в конце, поэтому он не будет работать должным образом.

Чтобы убедиться, что и отслеживание, и якорь работают, мы можем использовать разделительный фильтр. Это означает, что мы можем «разделить» ссылку, где есть хэштег, и поместить отслеживание перед ней, поэтому якорь все равно будет в конце.

 {%- assign split_href = linkfields.original_href | разделить: '#' -%} 
 {{split_href[0] | url_arg_prefix}}ОТСЛЕЖИВАНИЕ{%if split_href[1]%}#{{ split_href[1] }}{%endif%} 

Во-первых, мы используем присваивание и полосовой фильтр, чтобы отделить URL от #. Тогда split_href[0] ссылается на все, что стоит перед #, так что это идет до отслеживания. {%if split_href[1]%}#{{ split_href[1] }} означает, что если в исходной ссылке есть хэштег и что-то после него, то это будет размещено после отслеживания.

Если бы исходная ссылка была https://www.mywebsite.com#contactus , она стала бы https://www.mywebsite.com?TRACKING#contactus

Этот фильтр может принять что-то которое было напечатано или вставлено в ссылку, и заменить его другим словом или символом. Это может быть полезным фильтром, когда речь идет о том, чтобы избежать некоторых ошибок или ошибок в ваших ссылках.

Например, если кто-то случайно вставит пробел в ссылку:

 {{linkfields.original_href | url_arg_prefix | replace: ' ', '' ”}} 

Это заменит любой пробел тем, что находится во второй паре кавычек, в данном случае ничем.

Ленточный фильтр также можно использовать в описанном выше сценарии.

Если у вас настроен сложный профиль отслеживания ссылок, может быть полезно разделить жидкость на новые строки, чтобы ее было легче читать. Проблема в том, что новые строки могут быть интерпретированы как пробелы в ссылках, поэтому при экспорте из Taxi в URL-адресах могут быть пробелы.

Если вы используете этот подход, вы можете использовать дефисы в жидких тегах, чтобы эти пробелы не появлялись.

 {%- если linkfields.original_href содержит 'taxiforemail.com' -%} 
 …. 
 {%- elsif linkfields.oringal_href содержит 'sparkpost.com' -%} 
 …. 
 {%- endif -%} 

Создать ссылку для звонка по щелчку или ссылку для отправки по почте

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

Ссылки Mailto открывают окно создания почтовой программы посетителя по умолчанию. Они могут быть созданы для создания электронного письма с определенным получателем, строкой темы и телом электронного письма.

Вы можете вставлять ссылки для звонка по клику и почты в модули форматированного текста и призывы к действию (CTA).

Создать интерактивную ссылку

Добавить интерактивную ссылку в модуль форматированного текста

• Щелкните Добавить ссылку .
• Чтобы активировать изменения, нажмите Опубликовать или Обновить в правом верхнем углу.

Добавить ссылку для вызова в CTA

• Маркетинг > Привлечение потенциальных клиентов > CTA .»}» data-sheets-userformat=»{«2″:8402945,»3»:{«1″:0},»14″:[null,2,0],»15″:»Arial» ,»16″:10,»26″:400}» data-sheets-formula=»=»»»>В своей учетной записи HubSpot перейдите к Marketing > Lead Capture > CTA .
• Наведите указатель мыши на CTA и нажмите раскрывающееся меню Действия , затем выберите Редактировать .

• Установите дизайн CTA, затем нажмите Далее в правом нижнем углу.

• Нажмите

  Перенаправление URL-адреса введите в раскрывающемся меню и выберите Номер телефона .

• В поле Введите номер телефона введите номер телефона .

• В правом нижнем углу нажмите  Сохранить .

Создать ссылку mailto

Все ссылки mailto откроют новое электронное письмо определенному получателю в почтовой программе посетителя по умолчанию. Вы можете настроить ссылку mailto, включив в нее определенную строку темы и тело письма.

Отформатируйте ссылку mailto

Если вы не используете форматированный текстовый модуль или CTA, вместо этого вы можете создать ссылку mailto вручную. Выделите текст, который хотите связать, затем нажмите раскрывающееся меню «Ссылка на» и выберите «URL». В поле URL-адрес ссылки введите mailto:[email protected], затем замените [email protected] на адрес электронной почты получателя.

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

mailto:[адрес электронной почты получателя]?subject=[тема письма]&body=[тело письма]

Поскольку ссылки не поддерживают пробелы, вам нужно будет использовать %20 вместо каждого пробела.