在Safari网页上方显示iTunes应用banner

有时候我们使用Apple设备浏览网页,可能会看到有应用商店的应用banner。那这个是怎么添加的呢?本篇文章将会帮助您在网页顶部添加iTunes应用banner。

apple-itunes-app

<meta>会向浏览器和搜索引擎提供元数据。当Safari浏览器获取到有标示iTunes-App的meta标签时,就会将指定的App的应用信息附在网页顶端。

如果软件开发者有Apple端的应用,可以使用这个meta标签引导用户查看App Store页面。

这个标签在告诉iOS设备,这个页面对应哪个App,浏览器会在页面顶端以Banner的形式出现。用户可以点击右侧的按钮跳转到应用商店的页面下载应用。

添加

1.找到应用ID

首先,登录Apple开发者发布应用的面板,找到您的应用的iTunes App-ID(我不知道怎么找的,总之找到就对了)。

2.添加代码

然后在您的静态页面/页面模版的<head>后添加以下代码(将*itunes应用id*替换为您的应用id)。

<meta name="apple-itunes-app" content="app-id=*itunes应用id*">

如果您的网站是静态页面,您可以选择在本地修改再上传。如果是动态的,您可能需要在面板通过修改页面模版的方式进行添加。

比如,您使用WordPress程序,您可以访问仪表盘/外观/主题编辑器进行修改。当然,您也可以使用服务器面板的代码编辑功能修改页面文件或者主题文件。

完成

最后提交/保存,重新访问页面。

链接

<meta>标签

iTunes Banner文档

本文作者:Wang Jack
本文链接:https://www.blog233.com/archives/356/%e5%9c%a8safari%e7%bd%91%e9%a1%b5%e4%b8%8a%e6%96%b9%e6%98%be%e7%a4%baitunes%e5%ba%94%e7%94%a8%e6%a0%87%e7%ad%be/
版权声明:本博客所有文章除特别声明外,均默认采用 CC BY-NC-SA 4.0 许可协议。
暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇