主页/WordPress笔记/博客文章/综合文章/如何正确地将Google AdSense添加到你的WordPress网站上

如何正确地将Google AdSense添加到你的WordPress网站上

写 Bug工程师:

为了在WordPress网站上正确添加Google AdSense广告,你需要遵循以下步骤:

  1. 登录您的WordPress后台:首先,打开您要添加AdSense的WordPress站点的管理面板。
  2. 导航到设置选项卡:点击“设置”菜单项。
  3. 进入广告管理选项卡:在左侧菜单中找到并点击“广告管理”。
  4. 启用Google AdSense插件
    • 如果尚未安装Google AdSense插件,请先搜索并安装一个合适的插件,例如”Google AdSense for WordPress”。
    • 安装完成后,激活该插件。
  5. 配置广告位
    • 在插件界面中,选择您想要放置AdSense广告的位置(如首页、侧边栏等)。
    • 点击“添加广告位”,系统会提示您输入广告位置的ID和尺寸(如宽度×高度)。
  6. 创建AdSense账户(如果尚未有):
  7. 链接您的账户
    • 登录到您的Google AdSense账户,找到您刚刚创建的新账户。
    • 进入您的账户设置,找到“推广中心”或类似的页面,确保启用了您的新账户。
  8. 在WordPress中集成AdSense广告
    • 返回WordPress后台,回到广告管理选项卡。
    • 选择您刚刚创建的广告位,然后点击“编辑”按钮。
    • 在广告位区域,复制粘贴您从Google AdSense获取的广告代码。
  9. 测试广告
    • 单击广告代码旁边的“测试广告”按钮,检查是否显示了预期的广告。
    • 如果广告正常显示,保存更改。

示例代码与效果

假设我们正在为博客文章中的文章页添加一个横幅广告,尺寸为300x250,我们可以这样编写代码:

<!-- Google AdSense Banner -->
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.jslient=ca-pub-1234567890123456"></script>
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-1234567890123456"
     data-ad-slot="1234567890"
     data-ad-format="auto">
     <!-- 广告内容替换此占位符 -->
</ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

这个代码片段将在文章页底部插入一个Google AdSense横幅广告。当广告被加载时,它应该显示一个随机的Google广告。

使用步骤总结

  1. 打开WordPress管理面板。
  2. 跳转至“设置 > 广告管理”。
  3. 启用Google AdSense插件。
  4. 配置广告位信息。
  5. 创建新的Google AdSense账户。
  6. 链接您的AdSense账户。
  7. 在WordPress中集成AdSense广告。
  8. 测试广告以确保其正确显示。

通过以上步骤,您可以成功地将Google AdSense广告添加到您的WordPress网站上。

黑板IDE教书匠:

Google AdSense 是一种用于广告展示的付费服务,可以帮助您通过您的网站获得收入。以下是如何正确地将 Google AdSense 添加到 WordPress 网站上的步骤:

1. 安装 AdSense 控制台

首先,你需要在 Google AdSense 控制台上注册并激活帐户。然后,按照提示安装 AdSense 控制台插件。

示例代码:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>AdSense Setup</title>
</head>
<body>
    <script type="text/javascript" src="https://www.googleadservices.com/pagead/contrib.js"></script>
    <noscript><img alt="" style="border:0;" src="//pubinsights.g.doubleclick.net/insight.js?pubid=YOUR_ADSENSE_ID_HERE"></noscript>
    <script>
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
        })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

        ga('create', 'YOUR_ADSENSE_ID_HERE', 'auto');
        ga('send', 'pageview');
    </script>
</body>
</html>

请将 YOUR_ADSENSE_ID_HERE 替换为实际的 AdSense 账号 ID。

2. 设置 AdSense 计费类型和尺寸

在 AdSense 控制台设置中,选择合适的计费类型(如 CPC、CPT 或 CPM)以及所需的尺寸大小(宽度和高度)。确保这些设置与你的站点相关联。

示例代码:

var adSense = {
  id: 'YOUR_ADSENSE_ID_HERE',
  size: { width: 300, height: 250 }
};

3. 在 WordPress 中使用 AdSense

接下来,在你的主题或模板文件中插入 AdSense 广告代码。确保将 AdSense 的 idsize 属性替换为您刚刚创建的 AdSense 账户 ID 和尺寸。

示例代码:

<?php get_header(); ?>
<div class="ad-sense">
    <div class="ad-sense-ad"></div>
</div>
<?php get_footer(); ?>

在这个例子中,我们将在文章底部显示一个 AdSense 广告单元。

4. 测试 AdSense 广告

最后,为了测试 AdSense 是否正常工作,请点击“试用”按钮以查看广告是否显示成功。

总结

以上就是在 WordPress 上正确配置 Google AdSense 的基本步骤。根据自己的需求调整 AdSense 的计费类型和尺寸,以及在适当的 HTML 结构中插入相应的 AdSense 标记即可完成设置。