PodcastへのSmart App Bannerを表示する
この記事の対象とする人
自分でPodcastサイトを運営しているPodcaster
Smart App Bannerとは
Smart App Banner(スマートバナーとも言うらしい)というのは、iPhoneからWebサイトを見たときに、上に表示されているアプリダウンロードのバナーみたいなやつのこと。
↓こんなやつ
この記事では、Smart App Bannerの「自分のPodcastへのリンク」版を表示させます。
↓上の方に表示されているやつです。
押すと、Podcastアプリで、自分のPodcastが開きます。
実装
先に、Apple Podcastでの配信URLを確認しておく。
https://podcasts.apple.com/podcast/watahari/id1540412220
のようなURLのはず1。この最後の部分のid
に続く10桁数字をコピーしておく。
そして、head内に、下記のmetaタグを書けばOK。
<meta name="apple-itunes-app" content="app-id=(さっきメモした数字)">
上述の例であれば、こんな感じになる。
<meta name="apple-itunes-app" content="app-id=1540412220">
アプリダウンロードのSmart App Bannerと同じ書式で、表示させたいアプリのIDを入れるところを、PodcastのIDにするだけで、不思議なことにPodcastへのリンクになる。
表示確認は実機iPhone/iPadじゃないとできないことに注意。
私は(どうせmetaタグだし試しに本番反映してやろう・・・)と思ってやってみたら、一発でうまくいって嬉しかったです。
参考
公式ドキュメント2ではPodcastでの例は見当たらなかったが、下記のようなサイトで発見され紹介されていた。
Author And Source
この問題について(PodcastへのSmart App Bannerを表示する), 我々は、より多くの情報をここで見つけました https://qiita.com/watahari/items/9e024f39584d309ada76著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .