Как решить конфликт Rails 5 turbolinks и document.write()?

Question

[k1ng]

Имеется проект на Rails 5 с включённым turbolinks.
Нужно вставить на страницы код пикселя для аналитики. Исходный код пикселя:

<script type='text/javascript'>
  var binom_link='http://tracker.domain/click.php?camp_id=xxx&key=zzzzzzzzzzzzzzzzz';
  document.write('<img src="'+binom_link+'&lp_type=pixel&'+window.location.search.substring(1)+'" style="display:none"/>');
</script>

Но document.write() конфликтует с turbolinks и ломает DOM. Как можно решить эту проблему?

Answer 1

[Сергей Мельников]

var binom_link='http://tracker.domain/click.php?camp_id=xxx&key=zzzzzzzzzzzzzzzzz';
document.body.innerHTML += '<img src="'+binom_link+'&lp_type=pixel&'+window.location.search.substring(1)+'" style="display:none"/>'

// или
var img = document.sreateElement('img')
img.src = binom_link+'&lp_type=pixel&'+window.location.search.substring(1)
document.body.appendChild(img)

P.S. не используйте `document.write()`, никогда

Comments

[k1ng]

Первый вариант пробовал сам, но он начинает себя странно вести после 3х внутренних переходов - дублирует запрос к пикселю. Второй ваш вариант делает тоже самое. Не знаете в чём проблема?