В этом сообщении блога я покажу вам, как реализовать скрипт с использованием JavaScript, который легко добавляет параметр ref
к внешним ссылкам. Это облегчит другим сайтам отслеживание трафика, который вы им отправляете, в своей веб-аналитике.
JavaScript
Для этого мы будем использовать JavaScript для динамического изменения внешних ссылок, добавляя нужный параметр ref
. Вот как работает скрипт:
- Обнаружение внешних ссылок. Мы будем использовать JavaScript для определения всех внешних ссылок на странице. Это ссылки, которые ведут на домены, отличные от вашего собственного.
- Добавить параметр
ref
. Для каждой внешней ссылки мы добавим параметрref
вместе с вашим доменным именем к URL-адресу ссылки. - Обновите ссылки. Наконец, мы обновим атрибут
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
ко всем внешним ссылкам, что облегчит другим сайтам отслеживание трафика, который вы им отправляете, в их веб-аналитике.
Удачного кодирования!