如何在公众号中添加“阅读原文”按钮

博主:自媒体优化自媒体优化 2023-04-08 4909

随着微信公众号的不断发展,越来越多的人使用公众号来查看新闻和文章。然而,有时候读者想要查看原文,但并不方便或者不知道该如何获取到原文链接。因此,很多公众号都会设置“阅读原文”按钮,方便读者获取到文章的原始链接。

那么,如何在公众号中添加“阅读原文”按钮呢?

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.最后,我们需要在文章的开头或结尾提示用户该公众号已经设置了“阅读原文”按钮,方便用户查看原文。

通过以上步骤,我们就可以在公众号文章中添加“阅读原文”按钮,方便用户获取文章的原始链接。当然,在添加按钮前,公众号还需要考虑文章原始链接的安全性和页面加载速度等问题,确保用户可以愉快地获取原文内容。

如何在公众号中添加“阅读原文”按钮

The End

原创文章,未经允许请勿转载,如有侵权请联系删除。