Как подключить блок РСЯ в проект на NuxtJs?

Question

[Илья Прыгунов]

Здравствуйте, видел похожие вопросы, но все равно требуется помощь в решении.
Необходимо подключить блок с рекламой (РСЯ) в проекте на NuxtJs.
Для этого создал отдельный компонент,
на данный момент его код выглядит так

<template>
  <!-- Yandex.RTB R-A-643225-1 -->
  <div id="yandex_rtb_R-A-643225-1"></div>

</template>

<script>
  export default {
    mounted() {
      (function(w, d, n, s, t) {
        w[n] = w[n] || [];
        w[n].push(function() {
          Ya.Context.AdvManager.render({
            blockId: "R-A-643225-1",
            renderTo: "yandex_rtb_R-A-643225-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>

Однако я получаю ошибку

Никак не могу придумать как правильно подключить скрипт яндекса

Comments

[ReaverJS]

Ошибка скорей всего в разных контекстах "this".
Думаю можно изменить this на window, а this.document на document.

[Илья Прыгунов]

ReaverJS,
Спасибо большое!! Ошибка пропала,
сегодня проверю на рабочем сайте

[Илья Прыгунов]

ReaverJS, Да, всё заработало, ещё раз спасибо огромное!

Answer 1

[Илья Прыгунов]

Помог комент: ReaverJS @ReaverJS
Ошибка скорей всего в разных контекстах "this".
Думаю можно изменить this на window, а this.document на document.

Итоговый код:

<template>
  <!-- Yandex.RTB R-A-643225-1 -->
  <div id="yandex_rtb_R-A-643225-1"></div>

</template>

<script>
  export default {
    mounted() {
      (function(w, d, n, s, t) {
        w[n] = w[n] || [];
        w[n].push(function() {
          Ya.Context.AdvManager.render({
            blockId: "R-A-643225-1",
            renderTo: "yandex_rtb_R-A-643225-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);
      })(window, document, "yandexContextAsyncCallbacks");
    }
  }
</script>