Как внедрить HTML через Tag-Manager в определенное место?

Question

Мне нужно ввести Codesnippet в определенное место в html.

Например:

<section class="newsletter">
content content content
</section>

Теперь я хочу, чтобы Tagmanager вставлял в этот раздел другой код вместораздел новостной рассылки.

<div class="injector">
content content content
</div>

Я пробовал некоторые сценарии, но ни один из них не показывал содержимое.Пользовательский HTML был загружен, но не заменил раздел.

Как мне это сделать?Спасибо тебе!

Answer 1

Я сделал это так:

    <script>
      jQuery('div#container_to_hang_on').append('<div id="injector"></div>');
   </script>

Но вы, @Kemen Paulos Plaza, сказали, что это вообще не рекомендуется.Зачем?Есть ли лучший способ?

Answer 2

Вы можете использовать пользовательский сценарий для добавления содержимого в тег HTML, например, и с предоставленными данными, используя Jquery.

Единственное, о чем вам нужно заботиться, это то, что функция выполняется,в этом случае я использую анонимную функцию

<script>
(function(){
var div = document.createElement('div');
var h1 = document.createElement('h1');
h1 = $(h1).text('tille');
div = $(div).text('content content content')
div = $(div).attr('class','injection')
div = $(div).append(h1)
$('.post-text').append(div)
}
)()
</script>