javascript - 在特定页面上包含 Adsense

Question

我有如下所示的 Adsense 代码片段，我只想将其包含在 body 的页面上标签有一个 class的 "category" ( body class="category" ) 我想把它放在 div 之前称为 test (.test)

为此，我考虑使用:

  if ($("body").hasClass("category")) {

  } 

但是，我是一个 JS 新手，我遇到了两件事:

1. 如何在 div 之前显示 adsense block (下面的代码)称为测试( .test )
2. 如果页面有其他class ，我需要那个adsense页面上的代码消失了。

这是adsense的代码

  <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
  <ins class="adsbygoogle"
       style="display:block"
       data-ad-client="ca-pub-641651684125955"
       data-ad-slot="84616945153"
       data-ad-format="auto"></ins>
  <script>
  (adsbygoogle = window.adsbygoogle || []).push({});
  </script>

我的母语不是英语，但我尽力以最好的方式对其进行解释。

Answer 1

试试这个

• 我正在使用 template literals对于 ins 代码

• 我测试了类语句中只有一个类“category”，没有其他类——您也可以使用 classList 并计算它们

---

if ($("body")[0].className=="category") { 
   $(".test").before(`<ins class="adsbygoogle"
       style="display:block"
       data-ad-client="ca-pub-641651684125955"
       data-ad-slot="84616945153"
       data-ad-format="auto"></ins>`);
    var s = document.createElement("script");
    s.type = "text/javascript";
    s.src = location.protocol+"//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js";
    $("head").append(s);
   (adsbygoogle = window.adsbygoogle || []).push({});
});