如果你发过软文,都会在文章末尾加上您的推广信息,比如二维码、微博、连接等信息,目的就是让看过文章并且很感兴趣的的人关注你,这种是最基本的推广引流方法,尤其是在微信里面。
提到微信,不得不谈下微信小程序里的推广,很多人很想在微信小程序里放上自己的连接推广信息等,其实这是不允许的,小程序规定不允许跳转到第三方的连接,所以我们只有唯一的方法就是通过二维码。
比如我最近做了一套开户流程的小程序,想在开户成功页面加入二维码进行推广,让用户关注公众号或者小程序等,如下图:
其实刚开始产品的本意是在成功页面,想跟微信里一样,直接长按二维码能识别的,但是事与愿违,微信小程序对你说"NO";后来想了一个其他的方法,就是通过点击二维码,弹出一个二维码图:
然后通过长按可以弹出相关的操作菜单:
这样就可以跟在微信里一样的啦,不过细心的童鞋发现,怎么没有识别二维码的菜单选项呢,其实微信小程序也有规定:如果不是小程序的二维码,长按不支持的识别,所以没有那一项,也就是说上面的图,我是放的一个下载APP的连接,不是小程序
。道理很简单,如果微信小程序放开这功能的话,估计又会泛滥推广了。关于这点,大家可以去测试下。
说了这么多,有人不淡定了,如何实现啊,不急不急,接下来就教大家方法。
安装微信小程序
这个就不用多说了,可以看下先前分享的文章:我们一直在玩的微信小程序之分享。
创建代码
贴上成功页面的wxml
<!--index.wxml-->
<view class="succ-conbox">
<image src="/images/succ-icon.png"></image>
<view class="succ-item">
<text class="succ-tt">恭喜您,开户成功!</text>
<view class="succ-pp">
<text>账号:300305490</text>
<text>密码:J65323</text>
</view>
</view>
<view class="succ-fot-plist">
<text>软件下载链接已发至手机短信</text>
<text class="red-txt">激活立即享受200美元开户赠金</text>
<image src="/images/ewm.png" data-src="{{image}}" bindtap="previewImage" class='img'></image>
</view>
</view>
对应的js写法如下:
Page({
data: {
imgalist: ['https://www.jiangweishan.com/ewm.png'],
},
previewImage: function (e) {
wx.previewImage({
current: this.data.imgalist, // 当前显示图片的http链接
urls: this.data.imgalist // 需要预览的图片http链接列表
})
}
})
大家可以看到imgalist可以是一张图片链接,这个项目我只是放了一张二维码图,如果是多张的话,我们可以写个循环即可:
<view wx:for="{{imgalist}}"wx:for-item="image"class="previewimg">
<image src="{{image}}" data-src="{{image}}" bindtap="previewImage" class='img'></image>
</view>
然后在imgalist数组里添加图片链接,比如:
imgalist: ['https://www.jiangweishan.com/ewm.png','https://www.jiangweishan.com/ewm.png'],
这样就很方便了,是不是觉得很简单呢,大家赶紧去弄个DEMO,去测试下吧。如果还是不懂可以加群咨询。
总结
微信小城日益成熟,越来越多的功能慢慢开始体现出来了,如果你还不怎么会玩微信小程序,是不是out了呢?