如果你有在使用 Google AdSense,你可能打算在网站上的指定位置,嵌入不同的广告版位,借此有效增加广告收入。
Google AdSense 虽然有提供「自动广告」功能,但却无法让你控制广告出现位置,就容易导致不好的用户体验。 更多网站页面设计分享。
所以,在这篇教程文中,我将会分享使用 Ad Inserter 插件,让你客制化广告出现位置!
来看一下今天将会学到什么:
- 1. Ad Inserter 是什么?
- 2. 如何嵌入 Google Adsense 广告?
- 3. 广告显示位置查询
- 4. 如何嵌入追踪码到 <head> 或 <body>?
- 常用问题
- WordPress 学习资源
准备好的话,我们就开始啰!
1. Ad Inserter 是什么?
![gat-pic16-3 Ad Inserter 插件(嵌入 Googl AdSense 广告的强大工具)](https://img.itaoda.cn/wp-content/uploads/2023/05/gat-pic16-3.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
Ad Inserter 是一款广告嵌入工具,可以让你有效率的在网站各地方嵌入广告,实现网络赚钱的梦想。 更多完整Ad Inserter广告嵌入教程。
Ad Inserter 支持将近 100 个广告程序码嵌入字段,可在不同字段填入指定的广告码,并让广告在像是各篇文章、首页、各种分类、静态页面、网站页首/页尾、留言区等不同地方 ..,顺利呈现在访客前面。
这款插件除了拥有广告码嵌入字段,也有支持 <head>、<body>的程序嵌入字段。 如果你有其他追踪码嵌入的需求,像是Google Search Console追踪码、Google Analytics 追踪码等 ..,也可以透过这款插件一并嵌入成功。
简单来说,Ad Inserter 是一款强大的广告码嵌入工具,让你自由的把广告嵌入到各个网页!
2. 如何嵌入 Google AdSense 广告?
小提醒:如果还没注册 Google AdSense,或是尚未审核通过资格,会需要先等审核通过,这样稍后示范嵌入到网站的广告,才会正常显示唷:)
那这章节会实际跑一次Google AdSense广告嵌入的流程,带着大家完成第一个网页广告嵌入。
Step1:安装 Ad Inserter 广告插件
首先,可以先安装 Ad Inserter 插件,方便后续教程。
![ait-pic1-1 安装 Ad Inserter 插件](https://img.itaoda.cn/wp-content/uploads/2023/05/ait-pic1-1.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
Step2:選擇 Google AdSense 廣告類型
前往 Google AdSense 平台 > 廣告 > 按廣告單元,這邊用「 多媒體廣告 」當作範例。
![ait-pic2-3 選擇 Google AdSense 廣告類型](https://img.itaoda.cn/wp-content/uploads/2023/05/ait-pic2-3.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
可以自行命名此廣告名稱,方便自己後續做查詢。然後選擇廣告版型、選擇回應式廣告(可依照不同裝置自動調整寬度),確認後點「 建立 」。更多 響應式網站觀念。
![ait-pic3-3 设定广告呈现样式](https://img.itaoda.cn/wp-content/uploads/2023/05/ait-pic3-3.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
接着 Google AdSense 会自动生成这个广告的专属程序码,可以把它复制起来,我们稍后会用到。
![ait-pic5-3 复制 Google AdSense 广告程序码](https://img.itaoda.cn/wp-content/uploads/2023/05/ait-pic5-3.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
Step3:透过 Ad Inserter 贴入程序码
接着,我们回到 WordPress 后台,前往「 设定 > Ad Inserter 」,找到 Ad Inserter 的配置位置。
然后把刚复制的广告程序码,参考下图做贴上&设定相关内容。
![gat-pic20-790x1024-2 Ad Inserter 接口简介](https://img.itaoda.cn/wp-content/uploads/2023/05/gat-pic20-790x1024-2.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
- 多组广告码设定:同时可设定 16 组广告代码,点击即可切换位置。 上图最右上角按钮点击后,可设定更多组广告代码,
最多可同时嵌入 96 组(已经非常够用)。 - 广告程序码嵌入位置:从 Google AdSense 产生的广告程序码,主要就是贴在这个字段里面。
- 储存设定:相关设定都处理完毕后,记得点击此按钮做储存。
- 广告显示页面:设定广告的显示页面,像是 Posts(文章)、Homepage(首页)、Category pages(分类页面)、Static pages(静态页面)、Search pages(搜索页面)、Tag/ Archive pages(标签页面)..。 如果想要在这些页面显示,就把它打勾就可以了。
- 显示位置(Insertion):这算是比较细节的调整,如果以「文章」类型做举例,可以放置的位置有像是文章标题前后、文章开头前后、文章段落前后、图片前后等 ..,都可以做广告摆放。
- 对齐位置(Alignment):广告可置左、中、右等 ..,有点类似文字对齐的感觉~
等待广告相关设定完毕后,记得要做储存。
Step4:等待嵌入的广告生效&额外提醒
最后就是等待广告生效啦,如果你是第一次设定广告,可能不一定会这么快出现在网页上。
基本上,如果你的设定都是正确的,那最多大约半小时内,网站应该可以顺利看到广告。
整体的 Google AdSense 广告嵌入方式,就如这章节的教程流程。 如果后续还有第二、三组 .. 以上的广告需要嵌入到网页,也是同样的流程,就可以顺利完成了:)
3. 广告显示位置查询
知道了如何通过Ad Inserter嵌入广告后,有些人可能会困惑广告实际出现的位置,到底该如何选择?
Ad Inserter 虽然有提供英文字&图标当辅助,但有些人可能还是无法很确切理解,如下图。
![ait-pic6-1 Ad Inserter 广告嵌入位置选择](https://img.itaoda.cn/wp-content/uploads/2023/05/ait-pic6-1.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
这章节会跟分享快速查看广告位置的方法,那就开始啰!
首先前往网站官网,如果你已经有安装Ad Inserter插件,并且处于会员登入状态,应该会顺利看到如下图的黑色状态栏。
点击 Ad Inserter > Show Positions > p ,网站页面就会显示各位置的英文字。
![ait-pic7-1 Ad Inserter 显示广告嵌入位置](https://img.itaoda.cn/wp-content/uploads/2023/05/ait-pic7-1.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
如此一来,有了这个广告位置标示工具,之后通过 Ad Inserter 嵌入广告时,就可以知道显示位置的英文要选哪个了:)
4. 如何嵌入追踪码到 <head> 或 <body>?
开头小提醒:这章节是属于Ad Inserter额外功能分享,如果无此需求可以直接跳过。
由于目前网络营销工具越来越多元,除了本文介绍的 Google AdSense 广告认证码,需要嵌入到网站中(让 Google 做审核)。
为了更全方位的掌握访客资料,像是 Google Analytics 追踪码、Google Search Console 认证码、Google Tag Manager 追踪码、FB Pixels 像素等 ..
对于有些公司来说,可能同样有嵌入到网站的需求,如此一来才有办法追踪到全部的访客数据。
由于嵌入程序码到网站的方法很多,像是用Header Footer Code Manager 插件、直接写在 WordPress 主题上,或是某些插件就有内建的程序嵌入字段,都可以完成代码嵌入的需求。
而 Ad Inserter 这款插件,本身也有类似的功能,你也可以透过它嵌入追踪码,下面跟大家示范位置(如下图)。
![ait-pic8-1 透过 Ad Inserter 嵌入程序码](https://img.itaoda.cn/wp-content/uploads/2023/05/ait-pic8-1.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
小提醒:
- 如果追踪码要嵌入 <head>就选Header,如果是要嵌入到<body>就选 Footer。
- 上图步骤 4 的绿灯记得打开。
- 完成后记得储存。
好啰! 以上就是透过 Ad Inserter 嵌入追踪码到 <head> 或 <body> 的方法,你也学会了吗:)
常见问题
我已经通过Ad Inserter 嵌入了AdSense广告代码,但发现广告被放置在随机的位置?
这可能是由于你在 Google AdSense 平台,开启了「 自动广告 」功能,才会导致广告出现在随机位置。
如果你希望由自己 100% 控制广告出现位置,那可以把“ 自动广告 ”功能关闭,然后都用“ 手动广告 ”方式嵌入广告即可。
Ad Inserter 是一个安全的插件吗? 会有问题吗?
Ad Inserter 是目前 WordPress 广告嵌入的相关插件中,最热门的插件之一。
不论在安装次数或是用户评价都非常优良,故可以放心使用:)
为什么广告嵌入之后,但没有出现在网站上?
可以到 Google AdSense 平台确认是否在申请、设定上出了错误,或是广告资格还没有通过,所以广告无法正常显示。
如果在 Google AdSense 平台设定都没有问题,就可以往 Ad Inserter 插件做检查,看是否自己在设定上有漏掉。
以上方法,希望有帮助到大家:)
原文链接:https://www.itaoda.cn/blog/9650.html,转载请注明出处。
评论0