Как вставить адаптивную рекламу в компонент Vue?

Question

[Андрей]

Не могу понять, как это сделать. Подключил vue-google-adsense, но сразу же плывёт вся адаптивка, так как плагин принимает не все параметры, что дает адсенс. По другому подцепить невозможно - vue ругается на прямое встраивание скриптов в шаблон. Или есть способ поместить этот код в скрипты?

Answer 1

[grinat]

Сделай свою директиву и херачь ее к тэгу, в которому нужно вставить рекламу: https://ru.vuejs.org/v2/guide/custom-directive.html
Директива будет передавать тебе дом элемент, как только его отрендерит и ты может его модифицировать, вставлять скрипты и вообще делать с ним что угодно.

Comments

[Андрей]

Попробовал. В хуке inserted я пытаюсь поместить с помощью innerHTML нужный код. Однако проблема в том, что тег невозможно поместить в строку JavaScript. Экранирование символов тоже не помогает.

[grinat]

AndrewRusinas, хз что за хрень ты творишь, вот так будет работать:

export default {
  inserted (el) {
    const s = document.createElement('script')
    s.innerHTML = 'alert(1)'
    el.appendChild(s)
  }
}