跳到主要内容

广告

· 阅读需 4 分钟
编程范儿

最近网站将 Google AdSense 平台的广告申请下来了,申请过程经历了一些小曲折。

现在来讲讲我申请的过程:

注册账号

首先在 Google AdSense 平台注册自己的账号,如果已经有 Google 账号可以直接登录。

管理站点

在侧边栏菜单网站一栏中管理您的站点。

  1. 点击新建网站按钮,将你的网站域名输入进去。

Google AdSense

  1. 点击网站,进入审核流程。关联网站,这里有两种验证方式:

AdSense 代码段

将 AdSense 代码复制并粘贴到您网站中每个网页上的

和 标记之间

AdSense 代码
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1398727179052429"
crossorigin="anonymous"></script>

Ads.txt 代码段

请将以下文本复制并粘贴到每个 ads.txt 文件中,然后上传到您网站的根目录。同时要保证可通过 “域名 + /ads.txt” 访问到该文件的内容。

google.com, pub-1398727179052429, DIRECT, f08c47fec0942fa0

等待审核

接下来只需要耐心等待,待以上表格中审批状态和 Ads.txt 列的状态变为 准备就绪已授权。说明你的网站成功通过审核了。当然审核也有可能会被毙,原因有多方面, 比如:

  • 你的网站内容太少,无实质性内容
  • 网站的访问量太低
  • 网站包含不合法的信息和内容

很幸运,几天后我的网站顺利通过了审核。

管理广告

如何在网站上添加广告而不影响网站的体验。其实我并不想内容还没做起来,就让网站满屏的广告。这样就违背了我的初心。

广告的两种设置形式:

全局设置

全局设置比较方便,已可视化配置的方式对全站的不同页面和位置设置广告的样式。存在不足的是无法精准控制广告具体在哪里显示。这种方式不太适合我的需求。

按广告单元设置

新建不同的广告单元,设置好样式后,将代码封装成组件,自定义在网站的页面中。以下是我在后台新建的一些广告单元。

广告单元有五种形式:

  • 展示广告
  • 信息流广告
  • 文章内嵌广告
  • 多重广告
  • 搜索引擎

不同的页面根据信息流的不同采用不同的广告形式,可以让广告和内容在视觉上形成统一。不会显的突兀,对内容结构产生破坏。

我的网站一定要秉持一点就是让广告也优雅起来。

太空编程
分享硬核的前端编程知识。
想及时了解前端相关资讯,请关注作者公众号“太空编程”,回复关键字,获取丰富的学习资料。