如何在公众号中添加“阅读原文”按钮
随着微信公众号的不断发展,越来越多的人使用公众号来查看新闻和文章。然而,有时候读者想要查看原文,但并不方便或者不知道该如何获取到原文链接。因此,很多公众号都会设置“阅读原文”按钮,方便读者获取到文章的原始链接。
那么,如何在公众号中添加“阅读原文”按钮呢?
1.首先,我们需要获取文章的原文链接。在编辑文章时,可以在右上角点击“原文链接”按钮获取原文链接。
2.接下来,需要引入微信JSSDK库,具体操作可以参考微信开放平台的文档。
3.在文章的底部设计“阅读原文”按钮,代码如下:
<a href="#" class="weui-btn weui-btn_primary" id="original-article">阅读原文</a>
上述代码中,ID为“original-article”的元素为“阅读原文”按钮,当用户点击该按钮时,会触发一个JavaScript函数。
4.添加JavaScript代码,用于获取原文链接并跳转到原文页面。代码如下:
wx.ready(function () {
var originalArticleBtn = document.getElementById('original-article');
originalArticleBtn.onclick = function () {
wx.getOriginalArticle({
success: function (res) {
location.href = res.original_article_url;
}
});
};
})
上述代码中,我们使用了微信JSSDK库的方法“getOriginalArticle”来获取原文链接。当获取到原文链接时,会通过“location.href”跳转到原文页面。
5.最后,我们需要在文章的开头或结尾提示用户该公众号已经设置了“阅读原文”按钮,方便用户查看原文。
通过以上步骤,我们就可以在公众号文章中添加“阅读原文”按钮,方便用户获取文章的原始链接。当然,在添加按钮前,公众号还需要考虑文章原始链接的安全性和页面加载速度等问题,确保用户可以愉快地获取原文内容。
原创文章,未经允许请勿转载,如有侵权请联系删除。