Как во Vue вставить код рекламного баннера РСЯ?

Question

[Tutucu]

Всем привет, нужно вставить код баннера рекламы яндекса в компоненте Vue.js:

<!-- Yandex.RTB R-A-702382-1 -->
<div id="yandex_rtb_R-A-702382-1"></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-702382-1",
                renderTo: "yandex_rtb_R-A-702382-1",
                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>

Не могу никак понять, как это сделать, API для этого не нашёл. Можете подсказать?

Answer 1

[Swert]

Подобный вопрос был

Comments

[Tutucu]

МЕня интересует интеграция с Vue.js, а не несколько блоков на странице.

[Swert]

Tutucu, смотрите:

Code

<template>
<div id="rtb-5-1"></div>
</template>

<script>
import { onMounted } from 'vue'
export default {
    setup () {
        onMounted(() => {
            (function (w, d, n, s, t) {        
            w[n] = w[n] || [];
            w[n].push(function() {
                Ya.Context.AdvManager.render({
                    blockId: "R-A-12345-1",
                    renderTo: "rtb-5-1",
                    pageNumber: 1
                });
            });
            t = d.getElementsByTagName("script")[0];
            s = d.createElement("script");
            s.type = "text/javascript";
            s.src = "http://an.yandex.ru/system/context.js";
            s.async = true;
            t.parentNode.insertBefore(s, t);
            })(this, this.document, "yandexContextAsyncCallbacks");
        })
    }
}
</script>

Answer 2

[aleksei91]

Получилось запустить рекламный баннер?

Comments

[Tutucu]

Да

[aleksei91]

Можете показать код?

[Tutucu]

<template>
<div id="rtb-5-1"></div>
</template>

<script>
import { onMounted } from 'vue'
export default {
    setup () {
        onMounted(() => {
            (function (w, d, n, s, t) {        
            w[n] = w[n] || [];
            w[n].push(function() {
                Ya.Context.AdvManager.render({
                    blockId: "R-A-12345-1",
                    renderTo: "rtb-5-1",
                    pageNumber: 1
                });
            });
            t = d.getElementsByTagName("script")[0];
            s = d.createElement("script");
            s.type = "text/javascript";
            s.src = "http://an.yandex.ru/system/context.js";
            s.async = true;
            t.parentNode.insertBefore(s, t);
            })(this, this.document, "yandexContextAsyncCallbacks");
        })
    }
}
</script>