资讯专栏INFORMATION COLUMN

微信中打开头条新闻, 返回却到头条webApp首页源码,实现PV回流增长!

546669204 / 250人阅读

摘要:日常生活中经常可以遇到,有朋友通过微信向你分享今日头条腾讯新闻等各大门户的新闻,但是当你点击进去查看完后,在点击手机的返回键,发现不是直接返回的微信聊天界面,而是先返回到该新闻网站的首页,再次返回才到聊天界面。

日常生活中经常可以遇到,有朋友通过微信向你分享今日头条、腾讯新闻等各大门户的新闻,但是当你点击进去查看完后,在点击手机的返回键,发现不是直接返回的微信聊天界面,而是先返回到该新闻网站的首页,再次返回才到聊天界面。       
今日头条这个思路挺好,劫持到用户返回操作后先给你返回到新闻列表页,很有可能你被列表页的某篇文章吸引了,然后继续阅读,对网站的PV增长起到了很大的作用。
如图:
   

移动端Deom 王者荣耀攻略站
这种提高网站流量的方式,各大门户网站都在使用,包括通过App推送push的一些消息,通过浏览器打开的详情页面都做了这种措施。实现并不困难,重点就在监听了浏览器返回的历史记录。具体代码:

function Goback(url){
        setTimeout(function () {
            if (history.length < 3) {   //注意这里 历史列表中URL的数量,满足条件说明这个页面是首次打开,而不是从首页或者其他页面跳转过来的。
                  var state = {title: "index",url: url};
                  window.history.pushState(state, "index", location.href);
                  state = {title: "index",url: ""};
                  window.history.pushState(state, "index", "");
            }
            window.addEventListener("popstate", function (e) {
              if (window.history.state != null && window.history.state.url != "") {
                location.href = window.history.state.url
              }
            });
        }, 1500);  
    }
    Goback("http://wwww.baidu.com");//你想返回的页面

目前这个功能只在部分浏览器支持,以及微信和支付宝的内置浏览器,而且必须是没有浏览记录或者多带带一个窗口首次打开。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/90132.html

相关文章

  • iOS高仿微信悬浮窗、忍者小猪游戏、音乐播放器、支付宝、今日头条布局滚动效果等源码

    摘要:本文内容就是这些苹果开发者的红宝书,包含变量,集合,函数,类等等。据统计,有十种应用性能问题危害最大,分别为连接超时闪退卡顿崩溃黑白屏网络劫持交互性能差使用率问题内存泄露不良接口。里包含一个微博的列表发布视图,还包含一个的列表。 iOS精选源码 iOS WKWebView的使用源码 showImg(https://segmentfault.com/img/remote/14600000...

    newtrek 评论0 收藏0
  • 浏览器中唤起native app || 跳转到应用商城下载

    摘要:否则我们就没办法通过这个协议在微信中直接唤起。因此我们会判断页面场景是否在微信中,如果在微信中,则会提示用户在浏览器中打开。不过最终的调研结果是没有完美的解决方案就算是网易新闻,这个按钮在使用过程中也会有一些小,无法做到完美的状态。 前段时间遇到一个小需求:要求在分享出来的h5页面中,有一个立即打开的按钮,如果本地安装了我们的app,那么点击就直接唤起本地app,如果没有安装,则跳转到...

    widuu 评论0 收藏0
  • 浏览器中唤起native app || 跳转到应用商城下载

    摘要:否则我们就没办法通过这个协议在微信中直接唤起。因此我们会判断页面场景是否在微信中,如果在微信中,则会提示用户在浏览器中打开。不过最终的调研结果是没有完美的解决方案就算是网易新闻,这个按钮在使用过程中也会有一些小,无法做到完美的状态。 前段时间遇到一个小需求:要求在分享出来的h5页面中,有一个立即打开的按钮,如果本地安装了我们的app,那么点击就直接唤起本地app,如果没有安装,则跳转到...

    happyhuangjinjin 评论0 收藏0
  • 浏览器中唤起native app || 跳转到应用商城下载

    摘要:否则我们就没办法通过这个协议在微信中直接唤起。因此我们会判断页面场景是否在微信中,如果在微信中,则会提示用户在浏览器中打开。不过最终的调研结果是没有完美的解决方案就算是网易新闻,这个按钮在使用过程中也会有一些小,无法做到完美的状态。 前段时间遇到一个小需求:要求在分享出来的h5页面中,有一个立即打开的按钮,如果本地安装了我们的app,那么点击就直接唤起本地app,如果没有安装,则跳转到...

    琛h。 评论0 收藏0
  • [在线+源码]vue全家桶+Typescript开发一款习惯养成APP

    摘要:基于的版本和编写的模仿原生应用的源码地址欢迎项目演示地址建议直接添加到主屏幕端体验差一些前言为什么做这个项目学习全家桶,很长一段时间在用。作者声称之后增强了对的支持,探究在中的支持情况。 vue-ts-daily 基于Vue.js的2.5.13版本和TypeScript编写的模仿原生应用的WebApp.源码地址 欢迎star 项目演示地址 showImg(https://segment...

    fantix 评论0 收藏0

发表评论

0条评论

546669204

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<