Сегодня очень популярно устанавливать на бизнес блоги и млм центры PopUp окно (всплывающее окно) с формой подписки на рассылку. Такое окно появляется, когда посетитель собирается уйти с блога или закрыть окно браузера.
Такое всплывающее окно очень эффективно работает на бизнес блогах и млм центрах, где одной из главных задач блога является подписать посетителя на рассылку:). Не для кого уже не секрет, что деньги в подписном листе, поэтому грех не использовать возможность увеличить конверсию своего бизнес блога или млм центра.
Но моя статья сегодня не об этом. Те, кто уже поставили себе такое окно (или заказали у меня установку), столкнулись с тем, что видео , размещенное на блоге статьях остается поверх всплывающего окна, и тем самым видео закрывает PopUp. На скриншоте можно увидеть как это выглядит.
Согласитесь, выглядит не очень… и теряется весь смысл окна. Ведь первое правило подписной формы (пусть даже в таком виде): «Подписчика НИЧЕГО не должно отвлекать от подписки».
Чтобы решить эту проблему и отправить видео под PopUp нужно сделать следующее:
Редактируем существующую запись с видео:
-
- Зайти в админку блога
- Oткрыть для редактирования запись с видео
- Переключить редактор в HTML режим
- Найти код видео:
- Найдите строчку в коде, которая начинается с <embed.
Она может выглядеть так:
-
- Перед закрывающим символом «>» Добавьте следующую строчку: wmode=»opaque»
В измененном виде код должен выглядеть так:
- Сохраните запись
Создание новой записи с видео:
-
- Зайти в админку блога
- Раздел «Записи»=>» Добавить новую»
- Написать заголовок записи
- Скопировать код на YouTube
* Обратите внимание, сейчас YouTube предлагает новый код для вставки видео на блог. Он короче и начинается с тега iframe. В нашем случае нужно использовать старый способ вставки кода. Для этого на YouTube перед копированием кода включите опцию Use old embed code (под кодом, третья опция)
- Вернуться на блог и вставить код в запись в режиме HTML
- Далее добавить в код строчку wmode=»opaque» как описано выше в пунктах 5,6
- сохраните запись
На этом все. Надеюсь статья будет полезна для вас.
Создайте сайт с нами — легко и быстро!
С вопросами и за помощью обращайтесь в нашу службу поддержки 24/7
Нужен качественный хостинг для сайта на WordPress?
Рекомендую, проверенные годами, хостинг Timeweb:
а также, хостинг Beget:
Средняя оценка: 5 из 5
Анфиса, спасибо!
2 дня назад столкнулись именно с такой проблемой и вот оно решение!
Отлично!
Ирина, я наверное прочитала твои мысли
Да!Тема нужная затронута! Нужно чтобы подписчику была мягкая дорога к подписному листу и тем самым сделать видео поверх PopUp -это замечательно!
Кстати На счёт видео — люди очень любят позитив! Потому в видео должно быть столько позитивного настроя -сколько необходимо для того,чтобы человек почувствовал себя бодро и позитивно!
Спасибо, Анфиса! Как всегда все просто, доступно и самое главное — АКТУАЛЬНО!
Сергей, большое спасибо! Мне высоко ценю Ваше мнение)
Анфиса, спасибо за информацию!
Если не сложно, объясните, что по смыслу обозначает это
wmode=»opaque»
дополнение в код. Т.Е. как по русски можно перевести эту запись.
wmode — это произвольный параметр тега embed. Отвечает он в прямом смысле за прозрачность, позиционирование, отображение слоев в браузере.
У параметра wmode есть 3 значения: window, opaque и transparent.
Если этого параметра в коде нет — как в примере с кодом youtube, то ему присваивается значение по умолчанию window. Это означает, что видео будет всегда поверх других HTML объектов.
Значения же opaque и transparent делают объект прозрачным. Поэтому в коде со вставкой видео мы прописывает параметр wmode и присваиваем ему значение opaque. Можно и transparent, но при этом будет создаваться фон прозрачным, что замедляет работу.
Здравствуйте, Анфиса! Часто нахожу решение технических проблем на своем блоге читая Ваши статьи. Большое спасибо!
Но в первый раз столкнулся со следующим:
Установил на сайт своего партнера плагин ExPop/WP по рекомендации Вашей команды. В режиме просмотра в управлении блогом все работает хорошо. Однако на самом блоге окно не появляется. Воспользовавшись инструкцией по установке и настройке, проверил Код исходного элемента. Там выдает ошибку в строке 182 файла:
ExPop-2-js.php:182Uncaught TypeError: Cannot read property ‘style’ of null
Все перепроверил. У меня на Блоге все то же самое, и хорошо работает. А у партнера — нет! В чем может быть дело? Как исправить?
Айдар, в основном проблема связана с отсутствием в коде шаблона функции wp_footer(). Она должна находиться в файле footer.php перед закрывающим тегом . Если такой функции там нет ее нужно поставить. Либо выберите опцию Output Method — «I’ll modify my template» сохраните изменения и затем пропишите вручную необходимые данные в файле footer.php. Эти данные можно найти в руководстве по использованию плагина. Если не получится, обращайтесь, все настрою.
Спасибо большое, Анфиса! Все вроде бы получилось!
Благодарю за описание решения этой проблемы. Мне помогло, видео стало идти на заднем фоне. Отличное описание функции, стало намного понятнее про слои в браузере!
Игорь, рада что статья помогла Вам в решении проблемы с расположением PopUp всплывающего окна над видео.
Спасибо огромное очень полезно!!!
Сделал все как вы написали но так и ничего не изменилось вот код который я вставляю на страницу:
Олег, я ничего не могу сказать по этому вопросу. К сожалению код не вставился и я не вижу Вашего блога. Попробуйте вставить этот код между тегами
. И еще вышлите, пожалуйста, доменное имя блога. Тогда возможно я смогу Вам помощь.Спасибо все работает.
Анфиса, спасибо большое. А я уже думала, то ли окно убрать, то ли видео))) А теперь все вместе дружно живут на блоге. Только после просмотра видео раньше вылезали иконки » повторить», «нравиться», а теперь их нет. Это дело в том, что код старый берем или в чем-то другом?
Инна, да, старый код тоже должен показывать «Нравится». Напишите пожалуйста адрес Вашего блога, я посмотрю.