微信公众号名片:点击图片自动跳转并关注微信公众号?

今天一个运营部的一个小姐姐发现了一个惊喜,说看到一个点击图片就能自动跳转并关注公众号,问是怎么实现的。跳转并关注公众号?第一时间,我是觉得跳转公众号名片页面是可以,但直接自动关注,有点可疑。于是她给了我那段代码:



注:上述代码内图片链接及部分敏感内容有经过处理。

大致的效果就是,点击公众号的文章里的图片(下方截图红框内图片),会打开对应公众号的名片页面:

微信公众号名片:点击图片自动跳转并关注微信公众号?_第1张图片
微信公众号名片:点击图片自动跳转并关注微信公众号?_第2张图片
但实际这段代码虽然能打开公众号的名片页面,但并不会去自动关注公众号!

回过头来看这段代码的关键之处:



这个标签,是什么呢?它的内容是怎么来的?
官方文档是没有提到这个标签的,它的字面功能应该是跳转公众号的名片页面。

如何获取这段公众号名片的代码呢?

第一步:在你的公众号后台新建一篇图文,在图文中直接插入你的公众号名片,接着点击“保存为草稿”。

微信公众号名片:点击图片自动跳转并关注微信公众号?_第3张图片

第二步:我们把这篇已经保存好的图文关闭,在你的公众号主页中重新打开它:

微信公众号名片:点击图片自动跳转并关注微信公众号?_第4张图片
第三步:在这篇图文页面中,鼠标右键,点击“审查元素”,查看网页代码:

微信公众号名片:点击图片自动跳转并关注微信公众号?_第5张图片

至此,至此我们就得到了所要的微信公众号名片代码。

这里还有个问题,这个标签是怎么识别打开的事哪个公众号的呢?细心的你,可能已经发现里面一个特殊的id,就是data-id属性,这个id就是公众号文章链接里的__biz,是该公众号的唯一标识符。

这个__biz如何获取呢?

方式一:从中可以得到
方式二:从公众号的文章链接参数中获取
方式三:从公众号文章的内容中识别、提取:
微信公众号名片:点击图片自动跳转并关注微信公众号?_第6张图片

这个__biz还有什么用呢?它可以用来生成微信公众号的另一种名片链接:

名片链接格式:

https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=Mz123456DEMOMg==

只要替换上述链接中的__biz参数值即可:

微信公众号名片:点击图片自动跳转并关注微信公众号?_第7张图片
它与上述的方式打开的结果,会少一些信息介绍,在公众号信息内容上,它只显示了公众号的图标、公众号名字及简介,但二者都有关注按钮。

它也可以生成没有关注按钮的历史文章链接:

链接格式:

https://mp.weixin.qq.com/mp/getmasssendmsg?__biz=Mz123456DEMOMg==

微信公众号名片:点击图片自动跳转并关注微信公众号?_第8张图片

不过这个链接在PC微信端打开还是会显示关注按钮的。

你可能感兴趣的:(开发问题,#,微信公众号,前端,微信公众号)