「教程」如何使公众号文章跳转小程序不收到提示?

如何使公众号文章跳转小程序不收到提示?

一、使用文字链接小程序

使用文字链接小程序,无提示。

「教程」如何使公众号文章跳转小程序不收到提示?

「教程」如何使公众号文章跳转小程序不收到提示?

在微信后台编辑栏选择“小程序”,然后填入小程序appid,或者搜索。展示方式选“文字”。经测试,这种方式,文章内小程序链接点击跳转时无提示。

二、使用图片链接小程序

使用图片作为展示方式,跳转时有提示。但是可通过代码替换的方式实现无提示。

「教程」如何使公众号文章跳转小程序不收到提示?

具体方法:

1、复制下方紫色按钮,鼠标选中,复制

芝麻客服

「教程」如何使公众号文章跳转小程序不收到提示?

选中,复制

2、粘贴到你的公众号里

3、使用一些编辑器里的工具,将紫色按钮转化成代码,如下图

「教程」如何使公众号文章跳转小程序不收到提示?

将appid后的蓝色框里的替换成你的小程序的appid,将path后面的路径替换成你的小程序路径,注意的是替换内容都是引号内的

以下是源代码:

<p data-mpa-powered-by=”yiban.io”>

<a data-miniprogram-appid=”wxf57cf2affa38e55d” data-miniprogram-path=”pages/index/index” data-miniprogram-nickname=”芝麻客服” data-brushtype=”text” style=”margin: 15px auto; padding: 4px 1em; color: rgb(255, 255, 255);
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: pointer; font-size: 12px; font-family: -apple-system, BlinkMacSystemFont, “Helvetica Neue”, “PingFang SC”, “Hiragino Sans GB”, “Microsoft YaHei UI”, “Microsoft YaHei”, Arial, sans-serif; white-space: normal; background: rgb(255, 255, 255); display: inline-block; letter-spacing: 1.5px; border-radius: 6px; text-align: left;”><span style=”margin-right: auto; margin-left: auto; padding: 6px 1em; display: inline-block; background: rgb(122, 103, 238); border-radius: 6px; font-size: 24px;”><strong><span style=”text-shadow: rgb(50, 50, 50) 2px 2px 10px;”>芝麻客服</span></strong></span></a>

<span style=”font-family: -apple-system, BlinkMacSystemFont, “Helvetica Neue”, “PingFang SC”, “Hiragino Sans GB”, “Microsoft YaHei UI”, “Microsoft YaHei”, Arial, sans-serif; letter-spacing: 0.544px; text-align: center; background-color: rgb(255, 255, 255);”> <mpchecktext contenteditable=”false” id=”1623212186163_0.4096612320020867″>

</mpchecktext></span>

</p>

4、替换成功将代码还原成文字按钮形式,保存文章,预览,就可以发现已经可以实现文章跳转小程序不提示了

原创文章,作者:小芝麻,如若转载,请注明出处:https://xiaokefu.com.cn/blog/1863.html