将 html 包含在 Adsence 的另一个 html 文件中

Question

我正在尝试将我的 Adsense 代码包含在位于服务器主文件夹中的名为 sda.html。我使用此代码来包含它：    <div w3-include-html="../../sda.html" class="section_title text-center"></div>来自此来源：https://www.w3schools.com/howto/howto_html_include.asp但是idk我觉得有些不对劲。顺便说一句，我的网站只有HTML和js，所以如果有任何其他更好的选择，我会很高兴听到它。我还检查了这个：<!--#include virtual="/menu.shtml" -->但我没有使用它，因为我不知道我的下一个服务器将如何运行。所以我跳过它。和这个在这里：<object data="../../sda.html"></object>我更喜欢这个，但我无法控制它的外观，我无法居中或任何东西代码越小越好。

Answer 1

是只包含 adsense 代码还是包含整个网页？sda.html

w3school的功能不是很好。我怀疑您遇到的问题是该函数用于设置内容并且不执行带有内容的标签：在MDN页面上检查“安全注意事项”。includeHTMLinnerHTMLinnerHTML<script>

要解决此问题，您可以执行以下操作：从中移除代码，然后在导入 HTML 后为每个新广告单元运行代码。例：<script>sda.htmlwindow.adsbygoogle.push({})

1. 在您的网页中添加 google.js 标签：

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

1. 将广告插入 id 为 的 div 中。div-with-ad

const divWithAd = document.querySelector('#div-with-ad');
divWithAd.innerHTML = `
   <ins class="adsbygoogle"
     style="display:block; text-align:center;"
     data-ad-format="fluid"
     data-ad-layout="in-article"
     data-ad-client="ca-pub-0123456789101112"
     data-ad-slot="9876543210"></ins>
  `;
adsbygoog.push({});