Ищете руководство, чтобы проверить, работают ли ваши веб-push-уведомления?
Push-уведомления — относительно новый маркетинговый инструмент. Поэтому устранение неполадок с веб-push-уведомлениями может быть хлопотным, поскольку найти хорошие руководства в Интернете сложно.
Хорошие новости: эта статья — единственное руководство по тестированию push-уведомлений, которое вам когда-либо понадобится. Ее написали наши эксперты по программному обеспечению для веб-push-уведомлений, и она поможет вам протестировать ваши push-уведомления для любого браузера или операционной системы.
В этой статье мы используем PushEngage в качестве примера, но тесты универсальны. Так что, даже если вы используете другого поставщика, у вас все должно получиться.
PushEngage — лучшее программное обеспечение для push-уведомлений на рынке. Так что, если вы еще этого не сделали, вам стоит начать работу с PushEngage сегодня.
Теперь есть несколько вещей, которые нужно сделать, прежде чем вы сможете протестировать свои push-уведомления.
Не волнуйтесь. Мы включили все предварительные требования в начале этой статьи. Просто убедитесь, что вы следуете всему шаг за шагом, и все будет отлично.
Звучит неплохо? Отлично! Давайте приступим.
Что нужно сделать, прежде чем вы сможете протестировать свои push-уведомления
Тестирование подписки на push-уведомления или того, было ли оно вообще правильно установлено, может быть проблемой.
Если вы подпишетесь на веб-push-уведомления, вы больше не увидите всплывающее окно подписки. И это затрудняет тестирование веб-push-уведомлений.
Самый простой способ провести тестирование — начать с Chrome (любая операционная система подойдет).
Google Chrome — один из самых популярных браузеров, и тестирование совместимости с Chrome становится очень простым, поскольку вы можете создавать несколько профилей в Chrome для тестирования.
Чтобы было ясно: вы можете проводить те же тесты в ЛЮБОМ браузере, если он поддерживается PushEngage (об этом позже).
Давайте займемся делом.
Шаг № 1: Создание нового профиля Google Chrome
Вы можете создавать новые профили в своем браузере Chrome, чтобы имитировать множество уникальных посещений вашего веб-сайта.
Каждый раз, когда вы посещаете свой сайт с другого профиля, Chrome автоматически имитирует нового пользователя. Таким образом, вы можете тестировать свои push-уведомления для нескольких пользователей для всех тестов в этой статье.
Итак, давайте прямо сейчас настроим новый профиль в Chrome!
На своем компьютере откройте браузер Chrome и войдите в Google. В правом верхнем углу вы увидите профиль пользователя. Выберите изображение профиля или имя пользователя и нажмите Управление людьми:
Затем нажмите Добавить человека:
Создайте новую учетную запись и нажмите Сохранить:
И готово. Тестирование push-уведомлений теперь будет для вас НАМНОГО проще.
Шаг № 2: Проверка поддержки браузера для веб-push-уведомлений
PushEngage поддерживает все основные браузеры и множество платформ для создания веб-сайтов. Вы можете ознакомиться с полным списком поддерживаемых интеграций, чтобы убедиться, что вы охвачены.
You should be getting the same support from any vendor. If you’re using a different vendor and don’t get the support for any major browser or platform, you can get in touch with us. Our Customer Success team will help you migrate to PushEngage right away.
Full Disclosure: Browser push notifications are not allowed for certain visitors. For instance, a browser that opens in the Facebook app or any browser that doesn’t support Javascript can’t use push notifications.
But the vast majority of your site visitors will be from popular browsers that do support Javascript. So, this isn’t a major issue.
Step #3: Check SSL Certificate
You don’t need to have an HTTPS website to use PushEngage’s push notifications. But we highly recommend installing an SSL certificate on your website if you haven’t already.
Either way, you can still install web push notifications on your website. Check out our installation guides if you haven’t completed your installation process. The process is slightly different for HTTP and HTTPS sites.
You can add the installation code using Google Tag Manager as well.
But before you test your push notifications, you’ll need to complete the installation process.
Step #4: Enable Welcome Push Notifications
Once you’ve installed push notifications on your site, you should set up welcome push notifications next.
Head over to your PushEngage dashboard and go to Settings » Site Settings » Installation Settings and enable welcome notifications for new subscribers:
This is a practical step as it helps us validate if a subscription has been completed.
And that’s all you need to do before you dive into testing.
How To Test Web Push Notifications for Your Site
We’re finally going to start testing push notifications for your site.
NOTE: Please don’t jump straight into testing before you complete all the prerequisites for testing. Trust us when we say it; you’ll hate yourself later for skipping it!
Are you done with all the prerequisites?
Very cool.
Let’s get started with the testing now.
Test #1: Using Different Profiles in Chrome
By now, you’ve already created different user profiles on Chrome and set up a welcome notification using PushEngage. So, you should get an opt-in when you visit your site from a new user profile like this one:
Depending on the type of opt-in you set up, you’ll get either a single-step opt-in or a two-step opt-in. Follow through with the opt-in and if it’s a two-step opt-in, click ‘Allow’ for both opt-ins.
If your push notifications were installed correctly, you should see the welcome notification now.
Try this out for at least five different user profiles, to be sure. You could also ask a few of your employees or friends to opt in and test things out.
Test #2: Test To See If Segmentation Is Working
Customer segmentation can play a huge role in your push notification strategy.
И одна из лучших функций, которые вы можете использовать в PushEngage, — это сегментировать ваших подписчиков, когда они соглашаются на уведомления. Это отличный тест, потому что он позволяет одновременно протестировать ваше согласие, функцию сегментации и ваши push-уведомления.
Очень круто!
Первый шаг — перейти в вашу панель управления PushEngage и создать два сегмента. Если вы не уверены, как создать сегмент или какие типы сегментов использовать, попробуйте создать сегменты на основе категорий или функций блога.
Если вы новичок в создании сегментов, вам следует ознакомиться с этой статьей о том, как создавать сегменты push-уведомлений.
Как только вы добавите код на свой сайт для тегирования подписчиков по выбранному ими сегменту, вы можете приступить к тестированию согласий.
Поделитесь ссылкой с группой людей и попросите их подписаться на ваши уведомления.
Как только они подпишутся, вы сможете отправлять push-уведомления пользователям этого конкретного сегмента. Если они получат уведомление, значит, ваши push-уведомления были установлены правильно, и все работает нормально.
Тест № 3: Устранение неполадок для HTTP-сайтов
Как мы уже говорили, вам не обязательно иметь установленный SSL-сертификат на вашем сайте для отправки push-уведомлений. Если вы следовали инструкциям по установке и добавили фрагмент кода на свой сайт, вы должны увидеть запрос на согласие при посещении вашего сайта с новым профилем Chrome:
Этот раздел статьи предназначен для устранения неполадок HTTP-сайтов, если вы не получаете запрос на согласие.
Нажмите Ctrl + U, чтобы просмотреть исходный код веб-сайта, и найдите фрагмент JavaScript PushEngage. Это тот же фрагмент, который вы получили из панели управления PushEngage, а затем вставили на свой сайт во время установки.
Код должен находиться в разделе head веб-сайта, так как он может не работать, если вы добавили его внутри HTML-тегов <footer> или <body>. Если вы не видите код в разделе head, это и есть ваша проблема. Попросите вашего разработчика добавить его в раздел head.
Но если он находится в разделе head, и вы по-прежнему не видите запрос на согласие при посещении вашего сайта с новым профилем Chrome, убедитесь, что вы не используете тег defer.
Вот как должен выглядеть ваш код:
Если код выглядит так:
<script src=”demo_defer.js” defer></script>
Или <script defer> _pe.subscribe(); </script>
Попросите вашего разработчика удалить этот тег defer из кода, и все должно работать нормально.
Тест № 4: Устранение неполадок для HTTPS-сайтов
Если у вас HTTPS-сайт, первый шаг к устранению неполадок такой же, как и для HTTP-сайта. Код для интеграции PushEngage должен присутствовать в разделе head веб-сайта.
Если этот код отсутствует в разделе head, вам нужно будет удалить его и добавить внутрь тега <head>. Если проблема не в этом, возможно, дело в файле service-worker.js, который вы добавили во время установки.
Перейдите по этому URL (замените your-site-name на фактическое название вашего сайта):
https://www.example.com/service-worker.js
И проверьте, возвращается ли ошибка 404. Ошибка 404 означает, что есть проблема с получением этого файла, и именно поэтому вы не можете отправлять push-уведомления. В этот момент вам следует немедленно связаться с нашей командой поддержки клиентов.
Мы внимательно изучим проблему и поможем вам ее решить.
Но если и это не проблема, вам нужно будет проверить ваш JSON-манифест. Перейдите по этому URL (замените your-site-name на фактическое имя вашего сайта):
https://www.example.com/manifest.json
Если ссылки доступны, вы получите такие результаты:
Если вы не получили такого ответа, вероятно, вы не смогли добавить необходимые файлы в корневую папку вашего сайта.
Не волнуйтесь, для этого есть обходной путь под названием «Быстрая установка».
Войдите в свою учетную запись PushEngage и перейдите в раздел Настройки » Настройки подписки » Диалоговое окно подписки:
Затем перейдите в раздел Стиль Safari » Редактировать:
Наконец, перейдите в раздел Параметры и включите Быструю установку:
И все должно быть в порядке.
Тест № 5: Использование консоли для отладки проблем
Внимание: Этот тест предназначен только для разработчиков и должен использоваться только тогда, когда все остальные тесты не дали результатов. Если вы сами не разработчик, немедленно свяжитесь с нами.
Посетите ваш веб-сайт с новым профилем, затем нажмите Ctrl + Shift + l (инспектировать элемент) и щелкните Консоль и введите _pe.subscribe(); в окне консоли:
А теперь нажмите Enter.
Теперь вы должны увидеть точное сообщение об ошибке, которое мешает работе push-уведомлений. Все, что вам нужно сделать сейчас, — это отладить его.
Заключение
На этом всё, друзья!
Если это руководство оказалось полезным, вам также стоит ознакомиться с нашей статьей о примерах форм подписки с высокой конверсией. Это идеальный способ настроить ваши кампании сразу после тестирования push-уведомлений.
PushEngage предлагает множество действительно мощных кампаний, с которыми вам также стоит ознакомиться. В конце концов, PushEngage — это программное обеспечение для push-уведомлений № 1 в мире. Большинство расширенных кампаний — это полностью автоматизированные push-уведомления.
Вы можете зарабатывать деньги на автопилоте, даже когда спите.
Так что, если вы еще этого не сделали, начните использовать PushEngage сегодня.
