Recently, I updated my website to utilize VueJS v2, which was not used in the previous version. The main code is contained within the <div id="app"></div> element where Vue is initialized. However, I am facing a problem with the ads provided by my advertising partner, Ezoic, as they are not displaying correctly. Upon investigation, it seems that the issue may be linked to the following errors:
show_ads.js:53 Failed to execute 'write' on 'Document': It isn't possible to write into a document from an asynchronously-loaded external script unless it is explicitly opened.
Since Ezoic collaborates with Google Ad Exchange, I suspect that the above error is contributing to the issue.
I am exploring options to make my application compatible with Ezoic/Adsense. One idea is to only have Vue on specific areas of the page rather than the entire page (<div id="app"></div> encompasses the entire body), but this would require having multiple Vue instances running due to components at different locations within the page.
Unfortunately, I do not have access to the code that Ezoic injects into the page, as they handle this on their end. The Ezoic team is currently investigating the issue, but any insights I can provide could be beneficial.