页面加载后如何加载Google Adsense? |角度6

时间:2019-03-17 06:56:15

标签: javascript angular adsense

好的,我建立了这个网站www.revlproject.org,我正试图获得Google Adsense的批准。问题是,它不断返回有价值的库存:没有内容。我弄清楚了原因。这是因为由于我的网站是使用Angular构建的,因此Google Adsense在页面加载之前就已运行,因此抓取工具永远看不到任何东西。我几乎阅读了有关SO的每一篇文章,它们要么很老,要么使用AngularJS。如果有人可以帮助我找出页面加载后如何加载内容,请随时加入。我一直在不懈地努力,需要找到解决方案。

我的代码不多,但是我将展示我尝试过的内容。首先,我尝试了window.onload方法。

    <head>
        <script
          async
          src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"
        ></script>
        <script>
window.onload = function(){

  (adsbygoogle = window.adsbygoogle || []).push({
            google_ad_client: "xxxxxx",
            enable_page_level_ads: true
          });
}
        </script>
    </head>

这就是我尝试过的全部。我读了一篇有关使用指令的文章,但不确定如何使用。我只知道需要解决所有这些问题。我以前做过这样的事情,但不记得该怎么做。

1 个答案:

答案 0 :(得分:0)

您可以直接从打字稿ngOnInit挂钩中注入脚本。

如果需要在加载时设置配置,可以向元素添加onload属性:

const script = (document as any).createElement('script');
script.src = '//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js';

script.onload = () => {
  setTimeout(() => {
    ((window as any).adsbygoogle || []).push({
      google_ad_client: "xxxxxx",
      enable_page_level_ads: true
    });
  }, 100);
}

document.body.appendChild(script);