Захват URL-адреса веб-страницы в скрытом поле формы Pardot за 4 шага
Примечание. Это расширенная тема Pardot, посвященная пользовательскому JavaScript. Я рекомендую заручиться поддержкой разработчика, если вы не знакомы с использованием Pardot на этом уровне.
Я большой поклонник гибкости, которую Pardot предоставляет пользователям при разработке пользовательских решений для автоматизации маркетинга. Часто есть несколько путей, по которым можно выполнить требования проекта, что облегчает мою работу. Хитрость в разработке этих решений, однако, заключается в том, чтобы иметь перед собой четкий набор требований, прежде чем начать.
Недавно Fishnet разработала новый веб-сайт для клиента, который проверил функциональность Pardot. В рамках веб-сайта мы внедрили Pardot в качестве инструмента автоматизации маркетинга. Одно из их требований заключалось в том, что им нужно было заблокировать более 20 различных активов; однако они не хотели поддерживать разные формы для каждого актива. Кроме того, они хотели иметь возможность видеть журнал загруженных ресурсов. При наличии только одной формы эта ситуация представляла собой проблему.
Решение, которое мы определили, включало создание следующего:
- Два настраиваемых скрытых поля формы
- Одна форма с двумя настраиваемыми скрытыми полями
- Код Javacript для захвата настраиваемых значений скрытых полей
- Автоответчик с динамическим контентом
Создание двух настраиваемых скрытых полей формы
Поскольку есть только одна форма на более чем 20 разных страницах, нам нужен был способ определить, на какой странице (страницах) форма была заполнена. Мы выполнили эту задачу, создав два новых настраиваемых поля с типом «Скрытые», используя приведенные ниже имена: (Вы захотите запомнить оба идентификатора поля на будущее)
- «Форма последнего продукта заполнена»
- «Форма(ы) продукта завершена»
Поле «Самая последняя заполненная форма продукта» будет использовать JavaScript для хранения URL-адреса страницы, на которой расположена форма. Каждый раз, когда форма заполняется, существующее значение будет перезаписано новым значением URL-адреса страницы.
В поле «Форма продукта (ы) завершена» будет храниться URL-адрес страницы, на которой расположена форма, также с использованием JavaScript; однако он также будет хранить все другие URL-адреса предыдущих страниц, на которых была заполнена форма. Когда вы создаете это поле, необходимо выбрать «Записать несколько ответов», что позволит хранить несколько значений в поле в виде списка.
Просто чтобы уточнить, мы использовали два разных поля формы для удовлетворения требований проекта клиента — им нужен был способ увидеть все загруженные ресурсы. В этой статье я подробно расскажу, как используется каждое из этих полей.
Создать форму с обоими настраиваемыми скрытыми полями
Теперь, когда вы создали оба скрытых поля, вы можете приступить к созданию формы для доступа к ресурсам. В нашем случае мы создали очень простую форму с тремя полями (имя, фамилия и адрес электронной почты), а затем добавили два скрытых поля, описанных выше. Конфигурация должна выглядеть примерно так:
Примечание. Когда вы добавляете оба скрытых поля формы, вам необходимо обязательно выбрать «Всегда отображать, даже если ранее было заполнено» в разделе «Дополнительно»:
Добавьте код Javacript для захвата настраиваемых значений скрытых полей
На данный момент у вас есть форма с некоторыми скрытыми полями. Чтобы получить URL-адрес страницы в обоих скрытых полях, вам необходимо скопировать и вставить следующий код JavaScript в шаблон макета Pardot, который использует форма:
В теге ‹head›:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
Под закрывающим тегом ‹/html›:
<script>
jQuery(function($){
if($("#pardot-form").length>0) {
$("#pardot-form .Most_Recent_Product_Form_Completed input, #pardot-form .Product_Forms_Completed input").val(document.referrer);
}
});
</script>
Убедитесь, что имена ввода полей совпадают с именами API скрытых полей. Их можно получить, перейдя в раздел Администратор › Настроить поля › Поля потенциальных клиентов и найдя соответствующие поля.
С текущей конфигурацией каждый раз, когда форма отправляется, оба скрытых поля будут регистрировать URL-адрес страницы, на которой форма была заполнена. Кроме того, в поле «Заполненные формы продуктов» будут регистрироваться URL-адреса всех страниц, на которых форма была заполнена. Записи проспекта будут выглядеть так:
Создание автоответчика с использованием динамического содержимого
Наш последний шаг — автоматизация на основе значений в скрытых полях и предоставление правильного актива. Мы выполнили эту задачу, используя динамический контент в автоответчике.
Мы создали новый блок динамического содержимого и основали его на пользовательском поле, которое я создал ранее: «Форма самого последнего продукта завершена». Мой блок динамического контента выглядел так:
Здесь вы заметите пару вещей. Во-первых, мы создали универсальное сообщение, которое можно было использовать для всех активов. Во-вторых, у каждого варианта есть призыв к действию «Просмотреть таблицу данных». Каждый CTA содержит ссылку на другой ресурс, соответствующий каждому варианту URL-адреса страницы. Вам понадобится вариант для каждой страницы, на которой будет размещена форма. Также важно помнить, что если какой-либо из этих URL-адресов страниц изменится, динамическое содержимое не будет работать правильно.
Мы также создали контент по умолчанию с инструкциями по непосредственному контакту по номеру телефона или электронной почте. Если у кого-то отключен JavaScript, скрытое значение не будет сохранено в созданных нами настраиваемых полях, и мы не сможем предоставить правильный ресурс. Таким образом, мы даем им инструкции о том, как связаться с ними, и мы можем помочь им получить то, что они просили.
Мы поместили этот динамический контент в электронное письмо автоответчика и добавили его в качестве действия завершения в форму, созданную на предыдущем шаге. В итоге у нас получилось что-то вроде этого:
Стоит отметить, что мы создали сообщение «Спасибо» для формы, которое сообщает потенциальным клиентам, что электронное письмо уже в пути.
Вот оно. Одна форма, объединяющая более 20 ресурсов, созданных в Pardot.
Мы взяли то, что казалось сложным запросом клиента, и разделили его на логические шаги. Мы определили набор требований и включили их в решение, которое работает. И если это не сработало, мы встроили функциональность для устранения потенциальных недостатков.
Не уверен, где начать? "Мы можем помочь".
