Привлечение внимания ваших подписчиков становится все более и более сложным, что требует таких стратегий, как интерактивные элементы, чтобы побудить подписчика взаимодействовать с каждым электронным письмом. Одной из набирающих популярность стратегий является использование видео в электронной почте.
Поддержка видео в электронной почте HTML
Важно отметить, что когда мы говорим видео по электронной почтена самом деле мы говорим о поддержке видео HTML тег в электронном письме, а не фактическое прикрепленное видео, которое подписчик может скачать и посмотреть. И… не все почтовые службы или почтовые клиенты поддерживают играть видео в сообщениях электронной почты. В этой статье мы обсудим некоторые запасные варианты и рекомендации по отправке видео.
Эти почтовые клиенты поддерживают встраивание видео в электронные письма:
- Apple Mail (Mac и iOS)
- Сверхчеловеческий
- Outlook на Mac
- Почта iOS
- Почта Самсунг
- Тандерберд
Эти почтовые платформы НЕ поддерживают встраивание видео в электронную почту:
- Gmail
- Outlook (везде, кроме Mac)
- Андроид
- Почта АОЛ
- Lotus Notes
- Яху! Почта
Как включить видео в электронное письмо в формате HTML
Gmail и Outlook на базе ПК составляют около 60% рынка и не поддерживают встроенное видео, но есть некоторые резервные методы, а хорошо написанный HTML для электронных писем может включать резервные методы. Для почтовых клиентов, которые не могут воспроизводить встроенное видео, они могут отображать изображение в качестве альтернативы. Вот пример:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body {
font-family: Arial, sans-serif;
}
.container {
max-width: 600px;
margin: 0 auto;
}
.video-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.video-wrapper iframe,
.video-wrapper video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div class="container">
<h1>Your Video Email</h1>
<p>Dear user,</p>
<p>We have an exciting video for you. Please watch it below:</p>
<div class="video-wrapper">
<video width="100%" height="auto" controls>
<source src="https://your-video-url.com/video.mp4" type="video/mp4">
<!--[if !mso]><!-->
<a href="https://your-video-url.com">
<img src="https://your-image-url.com/fallback-image.jpg" alt="Fallback image">
</a>
<!--<![endif]-->
</video>
</div>
<p>If you cannot see the video, please <a href="https://your-video-url.com">click here to watch it on our website</a>.</p>
<p>Best regards,</p>
<p>Your Team</p>
</div>
</body>
</html>
Заменять https://your-video-url.com/video.mp4
с URL-адресом вашего видеофайла и https://your-image-url.com/fallback-image.jpg
с URL вашего резервного изображения. Резервное изображение будет отображаться как ссылка на видео, если видео не может быть воспроизведено в почтовом клиенте.
Рекомендации для видео в электронной почте
Если вы подписаны на мою электронную почту, вы заметите, что WordPress заменяет видео статичным изображением. Это в значительной степени то, что делает приведенный выше код, но я видел гораздо лучшие реализации. Вот мой совет:
- Рука – Предоставьте статическое изображение, представляющее собой кадр видео, с внешней ссылкой для просмотра видео в браузере. Проблема здесь в том, что нет ничего, что указывало бы на то, что это видео и на него нужно кликнуть, поэтому ваши подписчики могут даже не пытаться.
- Хороший – Наложите кнопку воспроизведения на изображение, чтобы пользователь понял, что это видео, которое можно щелкнуть для воспроизведения. Вставьте статическое изображение с тегом привязки, который ссылается на страницу, на которой будет воспроизводиться видео.
- Лучше – Делай все Хорошийно также добавьте примечание, есть записанное видео, и если подписчик не может его посмотреть, он может посмотреть его, если перейдет по следующей ссылке.
- Лучший – Преобразуйте свое видео в короткий анимированный GIF, который также включает кнопку воспроизведения. Анимированные GIF-файлы — это отличный способ мгновенно показать подписчику, что есть видео, которое он может нажать и посмотреть.
Охват продаж Sendspark
SendSpark — это платформа, которая позволяет создавать, персонализировать и отслеживать персонализированные видеосообщения для электронной почты. Платформы, такие как Сендпарк проделайте фантастическую работу по встраиванию видео в электронную почту для электронных писем один-к-одному или один-ко-многим. Вот обзор платформы.
Видео Sendspark в функциях электронной почты включает
- Создание видео: SendSpark позволяет записывать видео с помощью веб-камеры или загружать предварительно записанные видео. Вы также можете добавить субтитры, обрезать видео и включить призывы к действию в видео.
- Персонализация: SendSpark позволяет персонализировать видеосообщения с помощью тегов fusion, настраиваемых миниатюр и превью анимированных GIF, чтобы увеличить вовлеченность и рейтинг кликов.
- Целевые страницы видео: Вы можете создавать собственные целевые страницы видео, чтобы делиться своими видео со своей аудиторией, в комплекте с вашим брендом, персонализированными сообщениями и призывами к действию.
- Видеотека: SendSpark предлагает видеотеку, в которой вы можете хранить, упорядочивать и управлять всеми своими видео в одном месте.
- Интеграции: SendSpark интегрируется с различными электронными маркетинговыми и CRM инструмент, который позволяет легко интегрировать видеосообщения в существующие рабочие процессы и кампании электронной почты.
- Аналитика: SendSpark предлагает подробную аналитику взаимодействия с видео, включая количество просмотров, время просмотра, рейтинг кликов и конверсии, помогая вам измерять эффективность ваших видеосообщений.
- Сотрудничество в команде: SendSpark поддерживает функции совместной работы, позволяя нескольким членам команды получать доступ к одним и тем же видеопроектам и участвовать в них.
Вы можете бесплатно протестировать их платформу, а читатели Martech Zone могут получить скидку 10% когда они регистрируются с промокодом МАСШТАБИРУЙТЕ СЕБЯ.
Отправьте свое первое видео по электронной почте с помощью Sendspark
Раскрытие информации: Martech Zone является дочерней компанией Сендпарк и мы используем наши партнерские ссылки в этой статье.