В этом сообщении блога я покажу вам, как реализовать скрипт с использованием JavaScript, который легко добавляет параметр ref к внешним ссылкам. Это облегчит другим сайтам отслеживание трафика, который вы им отправляете, в своей веб-аналитике.

JavaScript

Для этого мы будем использовать JavaScript для динамического изменения внешних ссылок, добавляя нужный параметр ref. Вот как работает скрипт:

  1. Обнаружение внешних ссылок. Мы будем использовать JavaScript для определения всех внешних ссылок на странице. Это ссылки, которые ведут на домены, отличные от вашего собственного.
  2. Добавить параметр ref. Для каждой внешней ссылки мы добавим параметр ref вместе с вашим доменным именем к URL-адресу ссылки.
  3. Обновите ссылки. Наконец, мы обновим атрибут href каждой внешней ссылки, чтобы отразить измененный URL-адрес.
<script>
    $(document).ready(function() {
      var refValue = 'mydomain.com';
      var externalLinks = $('a[href^="http"]:not([href*="' + window.location.hostname + '"])');

      externalLinks.each(function() {
        var originalHref = $(this).attr('href');
        var separator = originalHref.includes('?') ? '&' : '?';
        var modifiedHref = originalHref + separator + 'ref=' + encodeURIComponent(refValue);
        $(this).attr('href', modifiedHref);
      });
    });
</script>

Для этого скрипта потребуется библиотека jQuery:

<script src="https://code.jquery.com/jquery-3.7.0.min.js"></script>

Заключение

Реализуя этот JavaScript на своем веб-сайте, вы можете автоматически добавлять параметр ref ко всем внешним ссылкам, что облегчит другим сайтам отслеживание трафика, который вы им отправляете, в их веб-аналитике.

Удачного кодирования!