Как можно вставить автоматически рекламный код при загрузке страницы?

Question

[Senseich]

Всем привет! Хочу реализовать автоматическую вставку рекламы при загрузке страниц, допустим есть некий элемент с id = elem.
Как мне после него вставить вот такой рекламный код:

<div id="yandex_rtb_R-A-237731-7"></div>
<script type="text/javascript">
    (function(w, d, n, s, t) {
        w[n] = w[n] || [];
        w[n].push(function() {
            Ya.Context.AdvManager.render({
                blockId: "R-A-237731-7",
                renderTo: "yandex_rtb_R-A-237731-7",
                async: true
            });
        });
        t = d.getElementsByTagName("script")[0];
        s = d.createElement("script");
        s.type = "text/javascript";
        s.src = "//an.yandex.ru/system/context.js";
        s.async = true;
        t.parentNode.insertBefore(s, t);
    })(this, this.document, "yandexContextAsyncCallbacks");
</script>

В целом я знаю как вставляются обычные элементы .after( ), но вот как вставить целый код, что то ума не приложу. Заранее спасибо!

Answer 1

[edk55]

Грубо говоря, вставка скрипта в body.

(function(w, d) {
    t = d.getElementsByTagName("script")[0];
    s = d.createElement("script");
    s.type = "text/javascript";
    s.textContent = "alert('hello')";
    d.body.appendChild(s);
})(this, this.document);

Comments

[Senseich]

edk55, для меня это пока сложновато, не особо понимаю, что здесь написано )

Мне раньше пример давали, только для рекламного блока гугл, вот такой:

<script>
$( document ).ready(function() {
    
    $('.full-text img').each(function(i,e){
  if ((i == 0) || (i == 3) || (i == 7) || (i == 11) || (i == 16))
    $(this).after('<div class="frklpost"><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"><\/script><ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-format="fluid" data-ad-layout="in-article" data-ad-client="ca-pub-1271381194193378" data-ad-slot="8996744548"></ins><script>(adsbygoogle = window.adsbygoogle || []).push({});<\/script></div>'
 );
});
});
</script>

А это от яндекса, но я не пойму как это сделать.

[Senseich]

edk55 , извините за глупый вопрос, подскажите пожалуйста , в данном коде конструкция (function( ) { тоже самое, что на Jquery $(function() { , т.е. этот код выполняется после загрузки страницы или нет?

[edk55]

Senseich, Нет, не то же самое. Это называется самовызывающеяся функция.

[edk55]

Senseich, В моем примере вы видите строку s.textContent = "alert('hello')";, где содержимое присваиваемой строки - это скрипт, который необходимо выполнить. В вашем случае необходимо заменить "alert('hello')". на скрипт от Яндекса. Потом оберните этот скрипт в оболочку от jQuery, чтобы дождаться момента, когда загрузится целиком DOM.

По факту, мой пример просто создает элемент с тегом script, указывает его содержимое, помещает этот элемент script в body.

Прошу заметить, что мой пример поход на код вставки от Яндекса, ведь по факту происходит почти то же самое, кроме места помешения скрипта в DOM и содержимого тега script.