Учебное пособие по низкому коду
Как отобразить элемент HTML на основе ссылки на источник
Узнайте, как использование параметров URL-запроса создает надежное решение
Если вы хотите пропустить этот процесс и сразу перейти к рабочему решению, перейдите сразу к подходу 2.
Фон
Наш клиент (назовем его «АА») недавно приобрел другую компанию (назовем его «ББ»). Перед нами стояли следующие задачи:
- Настройте переадресацию домена с сайта ББ на сайт АА.
- При перенаправлении пользователю должно быть показано всплывающее окно, объявляющее о слиянии.
Задачу №1 можно легко настроить через провайдера домена. Давайте сосредоточимся на задаче № 2 и рассмотрим два подхода, которые мы опробовали.
Подход 1 – Javascript Referrer (Не удалось)
Идея, которую мы попробовали в этом подходе, заключалась в том, чтобы собрать URL-адрес реферера, когда пользователь попадает на страницу. Теоретически, если бы данные реферера содержали URL-адрес BB, мы бы условно отображали всплывающее окно.
Для этого мы использовали JavaScript для проверки свойства document.referrer
, которое содержит URL-адрес страницы, которая перенаправила пользователя на текущую страницу. Если реферер соответствовал домену BB, мы условно отображали всплывающее окно на главной странице AA.
<script> // Check if the referrer matches "BB URL" function isReferredFromBB() { return document.referrer.includes("BB-URL.com"); } // Function to show the pop-up function showPopup() { // Implement your pop-up rendering logic here // For example, adding a hidden element and then showing it var popupElement = document.getElementById("popup"); popupElement.style.display = "block"; } // Check if the user should see the pop-up and show it if necessary window.onload = function () { if (isReferredFromBB()) { showPopup(); } }; </script>
После тестирования этого дополнения JS при перенаправлении ничего не происходило.
Мы добавили этот фрагмент кода, чтобы проверять реферер при перенаправлении на сайт AA с URL-адреса BB.
<script> window.onload = function() { var referrer = document.referrer…