艾码汇 WordPress 小程序插件使用教程(三)

上一次写了艾码汇 WordPress 小程序插件使用教程(二),大部分的功能设置都有介绍,留下广告功能设置以及小程序导航菜单功能没有具体介绍,今天就介绍小程序导航菜单及广告功能如何设置。

一、小程序导航菜单设置

最开始设计的导航是采用手动添加代码形式,通过 add_fliter 的方式增加导航链接,这种方法的好处是写法简单,不好的地方是插件升级不方便,每次升级插件都需要手动改动插件源代码。这种方法其实也是可以手动把导航做一个插件形式,这样无论插件怎么升级,都不受影响。后来我就想,如果不另外增加一个导航插件,那么升级会很不方便,每次都要改动插件源代码的导航设置。假如再增加一个导航插件的话,那么为什么不直接用 WordPress 的菜单功能?于是就把导航功能加入到了菜单设置选项。好处是每次插件升级,都不需要再手动更改插件导航设置,而且手动设置导航项目位置也极方便,只是,还是有一个不便利的地方,那就是初次设置还有一点点麻烦。下面就讲讲如何设置小程序的导航。

菜单设置方法:

1、点击右上角的显示选项,勾选链接关系和图像描述。

勾选链接关系和图像描述

2、创建新菜单,菜单名称随便。

3、将文章,页面或者分类目录入加菜单。

增加导航菜单

4、修改导航标签名称,把图像链接加入到图像描述。

修改导航信息

5、如果是自定义链接,填写上链接关系类型,比如小程序跳转,链接关系填写 app ,URL填写小程序的 appid ;客服按钮则在链接关系处填写 contact ,URL地址可以随便填写;自定义小程序目录页面,链接关系处填写 page , URL 地址则填写小程序对应的目录文件夹及文件名; 如果是企业主体小程序,可以配置业务域名,导航可以打开业务域名链接,链接关系处填写 site , URL 地址则填写业务域名的网址; 如果想要在导航点击图标拔打电话,链接关系填写 tel , URL 填写电话号码即可。具体的设置就不一一截图了,可以大概参考下面的设置截图。

自定义链接之 app

自定义链接之 contact

6、勾选显示位置中的小程序导航,然后保存菜单即可。

选择菜单位置及保存

注意:如果小程序目录 images 文件夹中没有对应的 icon 图标,那么可以使用外部 url 链接的 icon 图标

二、小程序广告功能设置

小程序广告功能设置

小程序广告功能提供了五种广告形式,有四个选项设置,下面就一一介绍。

广告功能设置

1. 是否开启XX广告

勾选此选项后,即表示开启这个页面的广告内容。如果没有开启,那么,就算填写了下面对应的广告内容设置,同样也不会出现广告的。插件一共提供了4个页面广告位置。

2. 广告类型设置

广告类型分别有:微信广告组件、微信小程序、活动广告、网站链接、淘宝口令

微信广告组件:指的是小程序流量主广告;

微信小程序:指的是跳转至指定小程序,用于推广其他小程序;

活动广告:指的是跳转至小程序内部页面,或者是直接拔打电话号码的广告;

网站链接:指的是打开业务域名链接广告,仅支持企业主体的小程序使用业务域名链接,个人开发者的小程序不支持业务域名;

淘宝口令:指的是复制广告内容,用于点击广告自动复制广告内容,比如淘宝口令。

每个广告对应有下面的参数设置根据选择不同的广告类型有不同的设置,具体会在下面介绍。

3. 广告图片设置

除了微信广告组件类型外,其他类型广告都需要增加图片,可以上传图片或者是填写图片 URL 地址。至于图片大小,宽度建议大于640像素,高度建议不小于240像素。

4. 广告参数设置

广告参数的设置根据不同的广告类型有不同的设置。

微信广告组件:广告参数填写微信小程序流量主广告位 ID 即可。

微信小程序:广告参数填写跳转至目标小程序的 appid 。由于微信官方做了限定,这个需要在 app.json 配置对应的小程序 appid ,无法突破这一个限制。所以,微信小程序 appid 不能随意更换,必须是加入 app.json 配置的小程序 appid 。

活动广告:广告参数填写有两种方式。如果活动广告想要让点击广告用户打电话,那么填写电话号码即可;如果活动广告想要让点击广告用户了解广告详情,填写小程序内部页面地址,比如 /pages/detail/detail?id=广告文章 ID 或者 /pages/page/page?id=广告页面 ID 。

网站链接:广告参数直接填写网站 URL 地址。需要注意的是,如果你的小程序是个人开发者,因为微信小程序后台没有业务域名设置选项,所以无法打开网站的链接;如果你的小程序主体是企业,支持业务域名设置的话,那么要把需要打开的网站链接加入微信小程序后台的业务域名。

淘宝口令:广告参数填写需要被复制的内容,即当用户点击广告时自动复制广告参数的内容。

关于艾码汇 WordPress 小程序插件使用教程基本就介绍完了,如果有什么不明白的地方,可以加入我的知识星球提问。

3 条评论

  1. MEI

    博主,您的这个小程序插件能用在守望轩的那个开源版本上吗?

    • Chi

      不能,这是我自己定制开发的插件,与守望轩开源版有区别,不能通用。

      • MEI

        好的,谢谢

发表评论

电子邮件地址不会被公开。 必填项已用*标注

微信扫一扫

微信扫一扫

微信扫一扫,分享到朋友圈

艾码汇 WordPress 小程序插件使用教程(三)
返回顶部

显示

忘记密码?

显示

显示

获取验证码

Close