在 Adsence 的另一個 html 文件中包含 html

Question

我正在嘗試從位於服務器主文件夾中的名為 sda.html 的文件中包含我的 Adsense 代碼。

我正在使用此代碼來包含它：

    <div w3-include-html="../../sda.html" class="section_title text-center"></div>

從這個來源： https://www.w3schools.com/howto/howto_html_include.asp

但我覺得有問題。

順便說一句，我的網站只有 HTML 和 js，所以如果有任何其他更好的選擇，我會很高興聽到它。

我還檢查了這個：

<!--#include virtual="/menu.shtml" -->

但我沒有使用它，因為我不知道我的下一個服務器將如何運行。 所以我跳過它。

這個在這里：

<object data="../../sda.html"></object>

我更喜歡這個，但我無法控制它的外觀，我無法居中或其他任何東西

代碼越小越好。

Answer 1

sda.html是否僅包含廣告代碼或頁面的整個部分？

w3school 的includeHTML function 不是很好。 我懷疑您遇到的問題是 function 使用innerHTML來設置內容，而innerHTML不執行帶有內容的<script>標記：檢查 MDN 頁面上的“安全注意事項”。

要解決此問題，您可以執行以下操作：從sda.html中刪除<script>標簽，然后在導入 HTML 后，為每個新廣告單元運行window.adsbygoogle.push({}) 例子：

1. 在您的頁面中添加 adsbygoogle.js 標記：

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

2. 將廣告插入 id 為div-with-ad的 div 中。

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({});