实战经验分享:怎么在自己的网站里面调用第三方网站的页面内容

    时间: 浏览:1609次  来源:站长在线
今日,站长在线(olzz.com)的首页右侧边栏里面,有一个是【MIP验证】的工具入口,其实我在其他网站也放了这个入口,但是不同的是,以前的页面入口是直接链接到百度mip官方的

今日,站长在线(olzz.com)的首页右侧边栏里面,有一个是【mip验证】的工具入口,其实我在其他网站也放了这个入口,但是不同的是,以前的页面入口是直接链接到百度mip官方的页面检测地址的,而今天,我这个网站的页面地址改成自己的网站地址,为:https://www.olzz.com/mip/

使用这样做的方法显著的好处就是,可以把网站的流量放在自己的网站里面,知道使用这个工具的人有多少,一样的使用效果,却给自己带来更多的浏览量,何乐不为呢?

接下来,站长在线的站长就开始,对代码进行尝试添加了:

1、确立MIP标准。因为站长在线的主站是mip技术的,所以我想在这个新建的内页也使用mip技术,所以首先制作一个index.html的静态的MIP单页面,然后把mip技术的标准页面的空白文件制作出来,代码我就是不一一解释怎么来了,直接上代码了:

<!DOCTYPE html>
<html mip>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<title>网页标题</title>
<link rel="stylesheet" type="text/css" href="https://c.mipcdn.com/static/v2/mip.css">
<link rel="canonical" href="当前mip页面地址">
<meta name="Author" Content="作者">
<meta name="Keywords" Content="关键词">
<meta name="Description" Content="页面描述">

</head>
<body>
 正文内容
<script src="https://c.mipcdn.com/static/v2/mip.js"></script><!--mip-->
</body>
</html>

空白文件制作好了,就开始填充内容,最后本页面里面,还要添加cnzz统计百度统计

1、添加百度mip检测的页面调用代码,并且让他居中显示:

<div align="center">
<mip-iframe src="https://www.mipengine.org/validator/preview" width="1025" height="900"></mip-iframe>
</div>

2、添加cnzz统计、百度统计的代码。

<mip-stats-cnzz token="1278700007"></mip-stats-cnzz><!--cnzz统计ID-->
<mip-stats-baidu token="8abf056d431538bd6c9c1166901389ac"></mip-stats-baidu><!--百度统计ID-->
<script src="https://c.mipcdn.com/static/v2/mip-stats-cnzz/mip-stats-cnzz.js"></script><!--cnzz统计-->
<script src="https://c.mipcdn.com/static/v2/mip-stats-baidu/mip-stats-baidu.js"></script><!--百度统计-->

3、合并所有代码,完整的代码如下:

<!DOCTYPE html>
<html mip>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<title>MIP页面检测,查看是否符合百度mip页面标准</title>
<link rel="stylesheet" type="text/css" href="https://c.mipcdn.com/static/v2/mip.css">
<link rel="canonical" href="https://www.olzz.com/mip/">
<meta name="Author" Content="杨泽业">
<meta name="Keywords" Content="mip,mip检测,MIP页面检测">
<meta name="Description" Content="这是由站长在线站长杨泽业手工开发的mip页面检测网页,通过本页面的检测,可以让你知道你的网站,是否符合mip页面的技术标准">
</head>
<body>
 <div align="center">
<mip-iframe src="https://www.mipengine.org/validator/preview" width="1025" height="900"></mip-iframe>
</div>
<mip-stats-cnzz token="1278700007"></mip-stats-cnzz>
<mip-stats-baidu token="8abf056d431538bd6c9c1166901389ac"></mip-stats-baidu>
<script src="https://c.mipcdn.com/static/v2/mip-stats-cnzz/mip-stats-cnzz.js"></script><!--cnzz统计-->
<script src="https://c.mipcdn.com/static/v2/mip-stats-baidu/mip-stats-baidu.js"></script><!--百度统计-->
<script src="https://c.mipcdn.com/static/v2/mip.js"></script><!--mip-->
</body>
</html>

总结:通过本内容的学习,可以让你知道,怎么在自己的网站里面调用第三方网站的页面内容,新手朋友们自己亲自实践一下,举一反三,让自己的建站水平稳步提升。



本文地址:https://www.olzz.com/zenmezaizijidewangzhanlimiandiaoyongdisanfangwangzhandeyemianneirong.html
码字不易,打个赏呗
杨泽业感谢你的支持!

猜你喜欢

分享网站公共图片页面调用代码

昨天晚上,搞了一个晚上写了一个小初高在线的《网站公共页面调用代码》的自适应页面index.html,放在根目录的img文件夹里面,页面地址:https://www.xcgzx.com/img/

2024-10-06  分类:HTML代码  浏览:175次


在MySQL中批量替换代码

站长导读:因此需要MySQL的批量替换代码,标准的代码是: UPDATE `表名` SET 字段名=REPLACE(字段名,'旧关键词','新关键词')

2024-09-04  分类:MySQL代码  浏览:415次


站长在线旗下70多个mipcms网站模版全部改成列表不带缩略图的模式

站长导读:不带缩略图会节省不少的时间和网站空间。

2024-09-04  分类:本站资讯  浏览:443次


在宝塔面板里面的网站配置里面添加301跳转代码

站长在线导读:本服务器上面的所有的网站都是这样配置的,并且本人亲自实践过的,代码和方法,完全正确有效的情况下,才发布的教程。

2024-08-14  分类:PHP代码  浏览:404次


网页倒计时代码

这是一个倒计时代码,倒计时名称和日期,自己可以完全自定义:javascript代码:<script>//设置目标日期vartargetDate=newDate("J

2024-07-13  分类:JavaScript代码  浏览:465次


给你的网站右侧边栏里面添加一个倒计时代码

导读:这里有完整的倒计时代码,和教程,大家看完以后可以添加一个倒计时到自己的网站里面。

2024-07-13  分类:建站知识  浏览:453次


一行HTML代码让网站内的链接全部自动新窗口打开

导读:这是一行可以让你网站内的所有链接,实现全部自动新窗口打开。有需要的同学,自己添加到自己的网站模版里面哦!

2024-07-02  分类:HTML代码  浏览:505次


百度主动推送不能用了,百度自动推送代码送给大家

导读:从9月初,百度就开始大规模的删除网站,绝对大部分站长的大部分网站都失去了百度主动推送的资格,那么还有其他的方法推送给百度吗?答案是有的,那就是百度自动推送。

2023-09-28  分类:行业资讯  浏览:1209次


五秒后自动跳转首页代码

今天站长在线重新修改了404页面代码,增加了5秒后跳转到首页的代码:修改的方法就是在404页面模板的头部加一段JavaScript代码,核心代码如下:<script>

2023-08-16  分类:HTML代码  浏览:42268次


Word接入ChatGPT的VB代码

欢迎你来到站长在线的代码库,本文的代码是《Word接入ChatGPT的VB代码》我们在Word里面接入ChatGPT的时候,用到的代码段,注意里面要切换自己的apikey哦!

2023-05-03  分类:HTML代码  浏览:1670次