网站改造为百度智能小程序教程,适合所有网站封装

技术宅

最近懒癌又犯了,此篇文章是博主一直想写,但是提笔几次,都没事情打断耽搁了,今天重新审视自己的小程序,算是一鼓作气把这篇技术文档给完善出来,仅供参考,有问题,下面留言讨论。

小程序应用应该是百度首先提出的,但是被腾讯发扬光大,百度总是在技术上起个大早,赶个晚集!

但是博主这几天封装自己的WordPress站为百度智能小程序中发现,百度智能小程序还是可以搞一搞的,百度在移动端,向智能小程序全流量开放!

百度智能小程序,开放百度全域千亿流量,流量天然可运营

从上图可以看出,百度智能小程序具有天然流量优势,并可以入驻百度信息流和贴吧推广,看到这,搞seo 的各位同学是不是很心动了?

废话不多说,今天博主带着大家把自己的网站封装为百度智能小程序,适用一切网站,你也可以拿来赚钱!

网站改造为百度智能小程序教程

第一步:前提条件

1、营业执照。很遗憾百度智能小程序不支持个人开发,如果你没有营业执照,以下信息你就不必再看了!

2、你的网站必须有手机端,或者你的网站是h5(自适应网站)。

3、百度小程序账号,自己去注册。

4、下载百度小程序开发工具最新版

5、网站必须部署SSL证书。

 

第二步:打开开发者工具,填写信息

1、桌面新建空文件夹,自己命名(命名用英文,不多说)。

2、打开开发者工具,填写名称,路径选择你刚才新建的空文件夹(百度智能小程序会自动生成文件)。

网站封装百度智能小程序教程

 

3、小程序后台配置服务器域名,就是你网站的域名   设置–》开发设置–》服务器域名,改为你的网站域名

网站封装为百度智能小程序教程

第三步,你需要修改两处文件,并需要一句代码

WordPress网站修改为百度智能小程序

利用百度智能小程序开发工具新建项目后,开发工具会自动生成代码包,你需要修改pages/index/index.json   和 pages/index/index.swan   这两个文件!

pages/index/index.json中
{
"navigationBarTitleText": "你自己的小程序名字"
}

 

pages/index/index.swan中

将里面的代码全部替换为以下代码
<!-- index.swan -->
<web-view src="https://你的手机端网址.com"></web-view>

 

第四步:百度小程序流量配置

这一步可能是所有seoer最想配置的一步

修改小程序文件 app.js

百度智能小程序web化改造
onShow(options) {
        swan.setPageInfo({
            title: '木木资源网站,一个分享网络营销技巧,SEO技术,网赚资源的自媒体博客',
            keywords: '网络营销技巧,资源网站,SEO教程,刘林博客',
            description: '木木资源网站分享最热门的网络赚钱干货,网络营销技巧,seo实用技巧,网站模板,破解软件源码、实用工具等网盘资源下载的自媒体博客',
            likes: '75',
            comments: '13',
            collects: '23',
            shares: '8',
            followers: '35',
            success: function () {
                console.log('setPageInfo success');
            }
        })
  },

将以上代码加入app.js中,修改其中的TDK为你自己的

至此,如果没其他问题你可以提交代码包,给百度审核了!

 

当然,百度智能小程序运营也是一门技术活,博主运营后补充教程,以上为基本的网站封装为百度智能小程序教程!

继续阅读
各种观点
  1. 东来东往:

    正需要,谢谢博主

    • 兵临城下:

      好的,有问题下面留言讨论

  2. 北陆:

    百度做小程序是有优势的,千人千面的人工智能搜索推荐机智

    • 兵临城下:

      当然是有的,搜索入口的流量很值钱哦

  3. 跳跳兔:

    网页嵌入,体验贼垃圾

    • 兵临城下:

      是的,这是网页嵌入的一种形式,也可以单独开发

发表观点
  • 昵称不能为空
  • 邮箱不能为空
  • 还是写点什么卅...