Question

我正在尝试在我的静态网站中添加Google Adsense。我用过

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({
          google_ad_client: "ca-pub-someid",
          enable_page_level_ads: true
     });
</script>

在我的头部。我想在标题和侧边栏中显示广告。怎么做。我需要更多代码吗？我还需要像在this中那样展示广告我的网站here

Answer 1

1。注册Google AdSense

2。获取匹配的内容代码：

要生成AdSense匹配内容代码，您首先需要创建广告单元。您可以在AdSense帐户的“我的广告”标签上进行此操作。您可以选择几种不同类型的广告单元。您需要选择一种称为匹配内容的类型。

我的广告>广告单元，然后 +新广告单元。选择匹配的内容。点击保存并获取代码！

您匹配的内容代码将类似于以下代码：

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

3。创建一个Jekyll小部件

在此步骤中，您需要创建一个小部件（已插入匹配内容代码的模板文件），然后从网站上的所需位置调用它。我从{{content}}之后开始称呼，但这些位置完全取决于您。就我而言，广告将显示在每个博客文章的末尾，即评论部分的上方。

在Jekyll网站的_includes目录中创建一个名为 matched-content.html 的文件。

此文件的名称完全由您决定，因此您可以随意命名。
将匹配的内容代码插入此文件。
您在本教程的第2步中获得了匹配的内容代码。
进入_layouts目录并找到 post.html 文件（或您希望显示匹配内容单元的任何布局文件）。

注意：为获得最佳效果，请将匹配的内容单元直接置于文章下方或侧边栏中。

通过在{{content}}之后插入以下代码来调用匹配内容小部件：

{% include matched-content.html %}

就这样！

如何将Google Adsense添加到静态网站

1 个答案: