Возвращайте до 18% с пополнений рекламы
  • Все популярные рекламные сети в одном окне
  • Рекламные инструменты — бесплатно
  • Доступ к конструктору лендингов и WebApp-приложений
  • Закрывающие документы точно в срок
ring svg
  1. Главная >
  2. Блог >
  3. Туториалы LPgenerator >
  4. Как добавить плеер YouTube, кнопки Twitter и Facebook на вашу целевую страницу

Как добавить плеер YouTube, кнопки Twitter и Facebook на вашу целевую страницу

Добавление плеера YouTube

Обратите внимание: видео можно быстро добавить с помощью готового инструмента -  "Виджет видео":

Зайдите на страницу YouTube, ссылку на которую вы хотите разместить на целевой странице. Нажмите кнопку «Отправить», расположенную под окном плеера. Появится строка с URL-адресом.

Получение кода YouTube

Ниже расположена кнопка «Встроить», нажмите ее. В появившемся текстовом поле скопируйте HTML-код и выберите размер окна плеера YouTube, который будет отображаться на вашей целевой странице. Мы рекомендуем размер 425 (ширина) на 349 (высота) пикселей.

Получение кода YouTube, спецификация размеров

Войдите в свой аккаунт на сайте LPgenerator.ru. Выберите целевую страницу, на которую нужно добавить видеоролик, нажмите кнопку «Редактировать». В основной панели инструментов редактора выберите «Произвольный HTML».

Панель инструментов Генератора целевых страниц

Появится новое окно «Добавить HTML». В текстовое поле этого окна вставьте HTML-код, скопированный с YouTube, и нажмите кнопку «Сохранить».

Добавление HTML-кода

На целевой странице появится «заглушка». Переместите ее на тот участок страницы, где вы хотите разместить видео. В правой колонке страницы в разделе «Геометрия» установите размеры и расположение окна плеера.

Настройки видео в редакторе целевых страниц

Для проверки работы и отображения встроенного видео воспользуйтесь кнопкой «Просмотр» на панели инструментов.

Просмотр видео на готовой целевой странице

Создание кнопки для Twitter

1) Перейдите по адресу — https://about.twitter.com/ru/resources/buttons
2) Выберите тип кнопки (например, “Отправить URL-адрес”):

Выбор кнопки

3) Введите необходимые параметры и проверьте кнопку, для этого кликните по получившейся кнопке справа:

Получившаяся кнопка

Работа кнопки

4) Далее скопируйте код кнопки:

Код кнопки

5) Откройте страницу в визуальном редакторе LPgenerator и нажмите инструмент “HTML»:

HTML инструмент

4) В открывшемся окне вставьте скопированный код и нажмите «Сохранить»:

Добавление кода

5) Переместите HTML заглушку в место, где хотите видеть кнопку твиттера и сохраните страницу:

Сохранить страницу

6) Готово! Откройте страницу в режиме просмотра или перейдите по ее URL-адресу, чтобы проверить отображение кнопки и настроить ее положение.

Проверка

Добавление кнопки Facebook

1) Перейдите по ссылке - https://developers.facebook.com/docs/plugins/like-button
2) Введите адрес страницы, которую будут “лайкать”:

Адрес страницы

3) Выберете параметры кнопки с помощью полей “Layout” и “Action Type”. Поле “Width” можно не заполнять:

Параметры кнопки

4) Нажмите кнопку “GetCode” и скопируйте первую часть кода:

Первый код

5) Откройте страницу в редакторе LPgenerator и нажмите инструмент «Скрипты»:

Инструмент "Скрипты"

6) Добавьте новый скрипт и в появившемся окне вставьте скопированный код. Положение скрипта «После тега <BODY> и сохраните:

Положение кода

7) Вернитесь на страницу Facebook и скопируйте вторую часть кода

Вторая часть кода

8) На странице в редакторе нажмите инструмент HTML и в открывшемся окне вставьте код

Инструмент Html

9) Готово! Сохраните страницу и проверьте отображение кнопки перейдя по адресу страницы или открыв ее в режиме просмотра.

Проверка

blog comments powered by Disqus
Возвращайте до 18% с пополнений рекламы
  • Все популярные рекламные сети в одном окне
  • Рекламные инструменты — бесплатно
  • Доступ к конструктору лендингов и WebApp-приложений
  • Закрывающие документы точно в срок
ring svg
copyright © 2011–2024 Все права защищены
Запрещено любое копирование материалов ресурса без письменного согласия владельца — ООО "Центр рекламных бюджетов". ИНН:5902052888, КПП:590201001, ОГРН: 1195958009730, Пермь, ул. Окулова, д. 75 к. 8 офис 501Б

ООО «Центр рекламных бюджетов» — IT-компания с многолетним опытом работы, разрабатывающая инновационные решения для управления процессом лидогенерации (пост-клик маркетинг). Разработанное нами технологическое программное решение LPGENERATOR позволяет создавать целевые страницы в визуальном редакторе и управлять заявками (лидами) в CRM-системе в целях проведения эффективных, высококонверсионных рекламных кампаний