Учебное пособие по низкому коду

Как отобразить элемент HTML на основе ссылки на источник

Узнайте, как использование параметров URL-запроса создает надежное решение

Если вы хотите пропустить этот процесс и сразу перейти к рабочему решению, перейдите сразу к подходу 2.

Фон

Наш клиент (назовем его «АА») недавно приобрел другую компанию (назовем его «ББ»). Перед нами стояли следующие задачи:

  1. Настройте переадресацию домена с сайта ББ на сайт АА.
  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…