广告广告:为您的WordPress网站创建广告

本文详细介绍了如何使用Adning Advertising插件在WordPress网站上创建和显示广告。从安装和激活插件开始,逐步讲解如何创建横幅、广告活动和广告区域,以及如何通过小部件和简码展示广告。此外,还讨论了如何自定义广告的显示位置、样式和时间,以及如何向第三方出售广告空间,以实现网站的创收。
摘要由CSDN通过智能技术生成

广告是网站创收的主要方式之一。

也许您专门创建了一个博客,以吸引人们访问您网站的“ 商店”页面,并希望给访问者额外的帮助? 也许您经营着几个网站,并想在整个投资组合中提升自己的最大收入来源? 或者,也许您没有什么要推广的东西,但不介意通过向第三方出售广告空间来产生现金吗?

如果您梦想将网站变成额外的收入来源,那么有两种选择:挖掘主题文件并修改其代码以支持广告,或者让插件为您完成所有艰苦的工作!

在本文中,我将向您展示如何使用流行的Adning Advertising插件创建一系列广告并将其显示在您的网站上。 为了帮助确保您的广告产生尽可能多的点击,我们将使用Adning根据访问者的地理位置和一天中的时间等因素来显示自定义广告。 最后,我将展示如何通过向第三方出售广告空间来使您的网站获利, 即使您没有任何要推广的内容。

Adning广告插件入门

第一步是安装Adning广告插件。

如果尚未注册,请创建免费的Envato Market帐户 。 转至CodeCanyon网站 ,单击右上角的登录小按钮,然后输入您的Envato帐户详细信息。 登录到帐户后,转到Adning Advertising列表 ,单击Now Buy ,然后按照屏幕上的说明完成购买。

出现提示时,下载Adning插件。 解压下载的文件; 随后的文件夹应包含多个文件夹和文件,包括angwp.zip ,您需要将其上传到WordPress。

向WordPress添加第三方插件

下载Adning Advertising插件后,您需要将其上传到WordPress帐户。

如果尚未登录,请登录WordPress。 从WordPress的左侧菜单中选择插件 ,然后选择添加新 。 选择上载插件按钮。

现在滚动到如果您有.zip格式的插件部分,然后选择选择文件 。 选择您的angwp.zip文件,然后单击立即安装

现在,Adning将被上传到您的WordPress帐户。 片刻之后,一个新的ADning项目应出现在WordPress的左侧菜单中。

安装ADning WordPress插件

激活Adning广告插件

接下来,您需要通过输入许可证密钥来激活Adning。

转到CodeCanyon网站并登录到您的帐户。 在右上角选择您的用户名,然后选择下载 。 找到“ Adning广告”项,然后选择其随附的“ 下载”按钮。 从下拉菜单中选择许可证证书和购买代码

下载许可证后,将其打开并找到您的商品购买代码 。 您需要复制此信息,然后在WordPress帐户中,从左侧菜单中选择Adning 。 选择“ 产品许可证”选项卡,然后将购买代码粘贴到“在此处添加许可证密钥”字段中。

最后,点击激活广告 。 片刻之后,您应该会看到“ 插件已成功激活”消息。 您的插件现在可以使用了!

在您的网站上放置广告

在本节中,我们将在WordPress网站上放置四种不同样式的广告:

  • 将在页面顶部投放的横幅广告
  • 嵌入的横幅,将显示在页面内容内
  • 弹出广告
  • 在您指定的行上显示的“已插入”广告

要制作这些广告,我将使用宣传Envato Elements的图形,但是您可以使用任何想要的图形。

制作您的第一个广告广告

要显示广告,我们需要创建:

  1. 横幅,本质上是我们要使用的图形
  2. 一个广告活动,该活动为您的广告设置开始日期和结束日期
  3. 广告区,用于定义横幅广告在页面上的显示位置以及将显示给访问者的广告类型,例如弹出式广告或垂直横幅广告

然后,我们需要将这三个组件链接在一起,并使用简码或小部件将完成的广告插入我们的网站。

尽管为了显示单个广告可能需要进行很多设置,但是您可以多次重复使用这些元素。 例如,您可能决定在同一广告系列中投放多个广告,或者为所有横幅广告使用相同的广告区。

将任何图像变成横幅

首先,使用您选择的图形创建横幅。 请注意,根据您选择的图形的尺寸,您可能需要使用常见的广告设置来创建看起来不错且功能正常的广告。

从WordPress的左侧菜单中选择横幅 ,然后点击添加新横幅 。 在标题下 ,给此横幅起一个描述性名称; 我正在使用Elements横幅 。 在添加横幅广告链接中 ,输入横幅广告应链接到的网址; 我正在使用Elements网站。

现在,打开目标并指定目标URL加载窗口,例如在新标签页或当前广告框架内。 如果要链接到外部网站,则通常会将URL加载到新的标签或窗口中,因为您不希望鼓励访问者离开您的网站。

指定嵌入式URL的加载位置

找到“ 选择常用横幅尺寸之一”部分,然后打开其随附的下拉菜单。 在这里,您会找到一些最常用的广告样式和尺寸,例如垂直横幅下弹出 广告完整横幅 。 选择最能代表您要创建的广告的横幅样式和大小,或者选择“ 自定义” ,然后指定一个精确的像素大小。 请注意,此步骤可能需要反复试验!

选择单击此处或拖动文件以上传 ,然后选择要使用的图形。 找到“ 自动定位”部分,然后指定横幅广告在页面上的显示位置。 由于我想在屏幕顶部显示此横幅,因此我选择高于内容

将广告放在您的WordPress网站上

滚动到“ 对齐” ,然后从左,右或中心对齐中选择; 我正在使用Center

对输入的信息满意后,请选择保存横幅

制作您的第一个广告活动

接下来,我们需要创建一个广告系列。 该广告系列将决定广告首次出现在您的网站上以及何时消失的日期和时间。

从WordPress的左侧菜单中选择广告系列 ,然后选择添加新广告系列 。 给这个运动一个描述性的标题 ; 我正在使用Elements广告系列

开始日期部分,输入该广告系列开始的月份,日期,年份和时间。 为了使测试广告更加容易,您应该选择当前日期和时间或将广告回溯日期,以便广告可以立即显示在您的网站上。 单击以展开“ 结束日期”部分,然后选择此广告系列应结束的日期和时间,届时相关的广告将从您的网站上消失。

如果对更改感到满意,请选择保存广告系列

为广告留出空间:创建广告区域

最后,我们需要创建一个AD区域,这是我们将在其中显示广告的页面区域。 创建广告区域后,您可以将该区域重新用于后续广告:

从WordPress的左侧菜单中选择AD区域 ,然后点击添加新AD区域

给AD区域一个描述性的标题 ; 我正在使用Elements AD Zone

找到“ 选择常用横幅尺寸之一”部分,然后打开其随附的下拉菜单。 在这里,您会发现一些常见的广告尺寸,例如垂直横幅下弹出式 广告完整横幅 。 选择最能代表您在此AD区域中放置的横幅的选项。 或者,您可以选择“ 自定义” ,然后指定确切的尺寸。

现在,打开“ 链接横幅”下拉列表,然后选择我们在上一步中创建的横幅。 打开广告系列下拉菜单,然后选择广告系列。 滚动到“ 对齐”部分,然后选择要如何在屏幕上放置此AD区域; 我选择Center

对输入的信息满意后,选择保存广告区

连接您的组件

现在,我们已经创建了所有三个组件,我们只需要将横幅链接到我们的广告系列和AD区域即可:

  • 从WordPress的左侧菜单中选择横幅
  • 找到您先前创建的横幅,然后单击其随附的“ 编辑”链接。
  • 打开广告系列下拉菜单,然后选择您的广告系列。
  • 打开Adzones,然后选择在上一步中创建的AD区域。
  • 选择保存横幅

显示广告

现在,我们已经拥有了所有三个组件,我们可以使用Adning小部件或简码将广告放置在我们的网站上。 让我们探索这两种选择。

1.使用小部件

一种选择是将小部件放置在您的网站上,然后为其分配适当的AD区域和横幅。

在WordPress的左侧菜单中,选择外观>窗口小部件 。 单击以展开“ 添加广告ADS”部分,然后选择“ 添加小部件”

打开“ 选择横幅”下拉列表,然后选择要显示的横幅。 打开选择一个Adzone ,然后选择我们之前创建的AD区域。 点击保存

现在,加载任何WordPress页面或帖子,您的横幅广告应显示在屏幕顶部。

使用ADning Advertising创建横幅广告

单击此横幅以确保它可以链接到您在新标签页或窗口中或在当前广告框架内选择的URL,具体取决于您配置横幅的方式。

请注意,这时您可能需要花费一些时间来调整横幅样式和大小,具体取决于原始图形,如何选择放置该图形以及网站的主题。

2.复制并粘贴简码

或者,您可以使用简码显示完成的广告。 我将使用简码在小部件中显示广告。

从WordPress的左侧菜单中选择AD区域 。 然后找到您的AD区域并单击其随附的“ 编辑”链接。

滚动到“ 导出”部分; 这应该包含一个短代码块。 复制所有这些代码。

在WordPress的左侧菜单中,选择外观>窗口小部件 。 单击以展开“ Adning ADS”部分。 选择添加窗口小部件 。 将您的简码粘贴到“ 或添加adzone简码”部分。

将广告的简码复制粘贴到“添加广告区简码”部分

完成后,点击保存

再次,加载组成您的网站的任何页面或帖子,您的横幅应出现在屏幕上。

我还可以使用其他哪些广告样式?

Adning广告支持多种不同的广告样式。 在本节中,我们将探索一些简单的方法,您可以修改现有的横幅广告以创建完全不同的广告样式。

制作嵌入式广告

让我们从页面顶部移动横幅并将其嵌入到网页内容中开始。

每次创建嵌入式广告时,您都可以选择定期重复此广告,例如每五个段落重复一次。

如果您的网站包含大量文字,那么偶尔出现的嵌入式广告可能比坚固的文字墙更具吸引力-别被迷住了! 请记住,某些访问者可能正在智能手机或平板电脑的较小屏幕上浏览您的网站,其中每个广告都可能占据整个屏幕,从而迫使他们滚动查找他们真正感兴趣的内容。

您可以在WordPress内容中嵌入多个广告广告

要将横幅变成嵌入式广告:

从WordPress的左侧菜单中选择“ 广告>横幅” 。 找到您要编辑的横幅,然后选择其随附的“ 编辑”链接。

滚动到“ 自动定位”部分,然后选择“ 内部内容”缩略图,这将使您可以访问新的“ 自定义展示位置设置”部分。 使用x段落后字段指定广告的显示位置。 (可选)您可以通过单击“ 重复”滑块将其转换为重复广告,以便将其从“ 更改为“ 是” 。 如果选择 ,则您的广告将按照x段落之后字段中定义的间隔重复进行。

对更改满意后,请点击保存横幅

自定义类别名称: 精确控制广告的显示位置

您是否想要更好地控制每个广告的显示位置? 也许您想在相关段落旁边放置广告,或者选择在每个网页上显示哪个广告?

通过创建一个或多个自定义类别名称,然后将每个类别名称分配给广告,您可以控制广告的页面,段落甚至行。 然后,您只需要在网站HTML中插入正确的自定义类名称,相关的广告就会出现在该确切位置。

使用窗口小部件选项插件

您可以使用专用插件快速轻松地创建自定义类名称。 我选择使用免费的Widget Options插件。

您可以从WordPress插件目录安装此插件。 要进行设置,只需从WordPress的左侧菜单中选择插件>添加新功能。 搜索窗口小部件选项 。 出现正确的插件后,选择“ 立即安装”

安装免费的Widget Options插件

安装插件后,点击激活

创建自定义类名

接下来,我们需要创建一个自定义的类名。 根据您的设置,您可能会决定为特定广告创建一个单独的类别名称,为每个广告创建一个不同的类别名称,或者在所有广告中使用一个单独的类别名称。

为了使事情简单,我们将创建一个类名:

在WordPress的左侧菜单中,选择设置>窗口小部件选项

找到“ 类和ID”部分,然后选择“ 配置设置” 。 选择启用ID字段复选框。

现在,您可以使用“ 预定义的类”字段来创建要使用的所有自定义类名称的列表。 在字段中键入每个班级名称,然后按+按钮。

对输入的信息满意后,点击保存设置

接下来,从WordPress的左侧菜单中选择外观>窗口小部件 。 单击以展开“ Adning ADS”部分。

使用ADNING ADS创建自定义CSS类名

选择小齿轮图标,这将打开“ 设置”选项卡。

导航到“ ADDS ADS设置”

选择“ 类别和ID”标签。 “ 类别和ID”标签应包含可与Adning一起使用的所有自定义类别名称的列表; 选择刚刚创建的类名称,然后单击保存

分配自定义类别名称

接下来,我们需要将此自定义类名称分配给我们的广告:

从WordPress的左侧菜单中选择“ 广告>横幅” 。 找到我们的广告,然后选择其随附的“ 编辑”链接。 滚动到“ 默认广告展示位置”部分,然后选择在上课之前/之后插入

在“ 自定义展示位置设置”部分中,打开“位置下拉列表,并指定将广告放置将类名称插入HTML 之前还是之后 。 请注意,可能尚不清楚立即哪个选项最适合您的特定网站,但是您始终可以返回到此页面并稍后修改“ 之前/之后”设置。

在“ 元素”字段中,输入您想要与此广告关联的类名称,完成后,您可以点击保存横幅

编辑网站HTML

现在,我们可以通过在HTML中插入自定义类名称,将该广告放置在我们网站上的任何位置:

  • 找到您要显示广告的页面或帖子,然后打开该项目进行编辑。
  • 点击以选择要放置广告的区域; 会出现一个小的浮动工具栏。
  • 选择三个点的图标,然后选择编辑为HTML
编辑您选择的页面或发布为HTML

现在,您可以将自定义类名称添加到任何页面或帖子HTML标记中。 例如,假设我创建了一个elementsAd自定义类,并希望将广告放置在以下代码块之前

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
Duis id tincidunt turpis. Pellentesque neque magna, egestas 
quis orci a, luctus pretium tellus. Donec egestas enim massa, 
sed pellentesque massa tempus in.</p>

在这种情况下,我将class="elementsAd"添加到开始的<p>标记中:

<p class="elementsAd">Lorem ipsum dolor sit amet, 
consectetur adipiscing elit. Duis id tincidunt turpis. 
Pellentesque neque magna, egestas quis orci a, luctus 
pretium tellus. Donec egestas enim massa, sed 
pellentesque massa tempus in.</p>

在您选择的位置插入自定义类名称,然后保存您的更改并导航到该页面或有问题的帖子。 您的广告应该出现在您插入自定义类名称的位置。

制作弹出广告

Adning Advertising还支持弹出广告,默认情况下,每次访问者导航到新页面时,弹出广告都会显示。

要将横幅广告转换为弹出窗口,请执行以下操作:

  • 从WordPress的左侧菜单中选择“ 广告>横幅”
  • 找到您要修改的横幅,然后单击其随附的“ 编辑”链接。
  • 滚动到“ 自动定位”部分,然后选择“ 弹出/粘滞”
  • 在“ 自定义展示位置设置”部分中,使用缩略图选择此弹出窗口在屏幕上应显示的位置; 我正在使用Bottom / Center
  • 点击保存横幅

现在,每当您导航到新网页时,就会出现一个弹出广告。

使用ADning(也称为粘性广告)创建弹出广告

立刻,这就带来了一个问题:没有人希望每次导航到新页面时都遇到弹出窗口! 方便地,这将引导我们进入下一个主题。

控制广告的显示位置

如果访问者在您网站上的每个帖子和页面上遇到相同的广告,那么在最佳情况下,广告很快就会对他们不可见。

在最坏的情况下,访问者会感到沮丧,以至于他们会离开您的网站, 尤其是当您使用弹出式广告之类的侵入性广告时。

通常,您需要对每个广告的显示位置设置一些限制,Adning为您提供了几种选择:

  • 从WordPress的左侧菜单中选择“ 广告>横幅”
  • 找到您要编辑的横幅广告,然后单击其附带的“ 编辑”链接。

从这里,您可以设置以下限制。

从您的首页禁止该广告

您的首页通常是访问者对您网站的第一印象,而充满广告的页面并不是一个很好的第一印象!

为防止此广告出现在您的主页上,请找到“ 主页”部分,然后单击其随附的“ 显示/隐藏”按钮,以使其显示“ 隐藏”

切换ShowHide切换按钮,从首页禁止此广告

不要在智能手机或平板电脑上展示此广告

智能手机或平板电脑的较小屏幕可使网页感觉比实际更多。 由于移动用户通常对广告的容忍度要低得多,因此您可能希望减少在移动设备上显示的广告数量。

您可以阻止来自智能手机或平板,或两者此广告的信息设备筛选器部分使用的显示/隐藏切换。

阻止此广告出现在智能手机和平板电脑上

例如,如果要阻止此广告出现在智能手机上,则可以找到“ 移动”部分,然后将其相应按钮切换为“ 隐藏”

从特定页面和帖子中阻止此广告

您可能要确保一些网页完全没有广告,例如,如果某个网页上的广告不合适,或者您只是想让访客休息一下!

您可以使用Adning来命名某些网页和帖子,这些帖子和帖子永远不会出现:

  • 滚动到“ 页面”部分。
  • 单击显示/隐藏按钮,使其显示为隐藏

在随附的字段中,开始输入相关页面或帖子的名称,然后在出现时从下拉菜单中选择它。

禁止您的广告来自已命名的WordPress帖子和页面

仅在命名页面上显示此广告

如果您只想在少量页面和帖子上显示此广告,则可以简单地命名该广告出现的网页可能会更容易:

  • 在“ 对于页面”部分中,单击“ 显示/隐藏”按钮,使其显示为“ 显示”
  • 输入此广告应该会出现,然后从下拉菜单中选择的页面或职位的名称。

您可以重复最后一步,直到您命名了该广告应在其中出现的所有网页。

通过自定义广告提高用户参与度

您可以通过投放自定义内容来鼓励访问者与您的广告互动。 通过Adning,您可以选择根据访问者的地理位置以及访问者查看广告的日期和时间来定制广告。

按国家/地区过滤内容

有很多原因可能会导致您显示不同的广告,具体取决于访问者的位置。

您可以通过定位访问者的位置来鼓励访问者与您的广告互动,例如,展示与加拿大国庆日,农历新年或圣帕特里克节等国定假日相关的广告。 由于您的网站具有吸引全球受众的潜力,因此您还应该考虑到您的某些广告在世界某些地方可能被认为是不合适的甚至是令人反感的。

要根据访问者的位置展示广告:

  • 从WordPress的左侧菜单中选择“ 广告>横幅”
  • 找到您要编辑的横幅,然后单击其随附的“ 编辑”链接。
  • 滚动到“ 国家/地区过滤器”部分。

在这里,您可以针对特定国家/地区屏蔽此广告:

  • 按下显示/隐藏按钮,使其变为隐藏
  • 在随附的文本字段中,输入不应显示广告的国家或地区。

另外,如果此广告仅与少数国家/地区相关,则可以简单地命名以下位置可能会更容易:

  • 切换显示/隐藏按钮,使其显示Show
  • 指定要在其中展示此广告的每个国家/地区。

根据日期和时间显示广告

您的访问者更有可能在特定日期或时间与广告互动。 例如,您可能会在星期五的下午展示更多针对娱乐的广告,并在星期一的早晨展示广告。

如果您是有条理的人,那么您甚至可以安排广告提前几个月投放,例如制作一个广告活动,该广告活动将在黑色星期五的午夜开始。

要控制广告在您网站上可见的日期和时间,您需要修改与该广告关联的广告系列:

  • 从WordPress的左侧菜单中选择广告>广告系列
  • 找到您要编辑的广告活动,然后单击其附带的“ 编辑”按钮。
  • 单击以展开高级日期选项

在此展开的面板中,您可以访问一系列不同的日期和时间设置,包括能够在一周的特定日期,仅在周末或特定时间显示此广告。

如何向第三方出售广告空间

仅仅因为您没有任何广告可做,并不意味着您无法从广告中赚钱! 在网站上创建了一些广告空间后,您可以使用Adning将该空间出售给第三方,然后第三方将在您的网站上投放他们的广告。

如果您已经设置了流行的WooCommerce eCommerce插件,则可以出售该空间并通过现有的WooCommerce结帐接收付款。

要利用Adning的WooCommerce集成,您需要设置Adning WooCommerce插件 ,该插件包含在您的Adning许可中。

要设置Adning WooCommerce, 从WordPress的左侧菜单中选择ADning

选择附加组件选项卡。 Adning WooCommerce将列在“ 包含的附件​​”下 。 单击此插件,它将自动安装。

现在,从WordPress的左侧菜单中选择“ 广告>常规设置” ,然后选择“ 出售”标签。

导航到“广告常规设置销售”

单击以展开WooCommerce设置部分。 找到“ 创建Adning Ads WooCommerce产品” ,然后单击它。 要开始通过WooCommerce结帐接受付款,请选择激活切换,使其从变为

点击保存更改

现在,您应该可以通过Adning的前端AD管理器来设置和管理所有第三方广告:

  • 导航至“ 销售”屏幕(如果尚未设置 )(“ 添加”>“常规设置”>“销售” )。
  • 单击以展开“ 前端AD管理器设置”部分。

单击“ 前端AD管理器”链接,“ AD管理器”应在一个新标签中打开,以供您配置第三方广告。

结论

在本文中,我向您展示了如何设置和使用流行的Adning Advertising插件。 如果您一直遵循,那么您将创建一系列广告,然后以几种不同的方式自定义这些广告,包括根据访问者的位置和一天中的时间显示不同的广告。

最后,我向您展示了如何使用Adning WooCommerce插件和AD Manager开始向第三方销售广告空间。

翻译自: https://code.tutsplus.com/tutorials/adning-advertising-create-adverts-for-your-wordpress-site--cms-33657

看到这个横幅翻页插件,我的第一印象就把它和分页插件给搞混了,呵呵,其实,它与分页插件是完全不同的,这款插件比较炫酷,此插件的效果是,在首页左/右上角掀起一个书页一般的小角,当鼠标移上去的时候,就会掀起这个角,就像翻书页一样,超酷炫的,此插件除了炫酷以外,它还具有以下作用: •你可以在掀起的页角安放AD,增加广告收入(呵呵,有点小坏哦)。 •你也可以把你的RSS订阅放页面。 •其他自己发挥想像吧,把你的靓照也可以放在里面 PageEar插件安装: 1.下载PageEar插件,将压缩包解压后,把文件夹上传到wp-content/plugins/目录下。 2.登录WordPress管理后台,点击“Plugins”找到上传的插件,激活该插件。 3.插件激活后,在“Plugins”-->“Pageear-config”中进行相关设置,页面内容如下(点击浏览大): 此插件的功能在上中基本上都有说明,如果不做任何设置的话,前台就会显示默认的片,感觉默认片不漂亮,你可以上传自己喜欢的片,找到合适的片,上传到paggeear文件夹,把这个两个片替换掉pageear_b.jpg、pageear_s.jpg就可以了,当然,如果感到登录空间麻烦,那就在后台的“Pageear-config”里上传片就可以了,下是笔者测试插件时,前台的翻页效果: 这么漂亮的插件,在这里要感谢我们论坛(WordPress啦论坛)的版主“qq101149488” ,给我们推荐的此款插件,而且他的博客中,还对此插件做了详细的说明(参见:Wordpress翻页效果插件Pageear ),希望广大的WordPress爱好者,也能积极的参与进来,把你所使用过的插件或者感觉比较优秀的插件,在我们的论坛推荐出来,与大家共享你的使用心得。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值