如何添加 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>

在我的脑海部分。我想在标题和边栏中展示广告。怎么做。我需要更多代码吗？我还需要像这样展示广告 我的网站在这里

Answer 1

1. 注册谷歌广告感知

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 网站的_includes目录中创建一个名为matched-content.html的文件。

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

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

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

{% include matched-content.html %}

这就完成了！