如何添加 Google Adsense 静态网站

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 }} 之后调用它，但展示位置完全取决于您。在我的例子中，每篇博文的末尾都会显示一个广告，就在 cmets 部分的上方。

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

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

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

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

{% include matched-content.html %}

这就完成了！