【はてなブログ】エントリにApp Storeのカードを埋め込めない時の対処法

f:id:kjx130:20180523233501j:plain

はてなブログのエントリ作成で "🎵 iTunes商品紹介" という機能があります。

これを使うとエントリ内にiTunes StoreやApp Storeへの商品リンクをカード形式で埋め込めるんですが、稀にこのリンクカードを設置できないことないですか？

このエントリではその不具合が発生する条件と暫定的な対処法を紹介します。

例えばMac用のPixelmatorを検索し、これを貼り付けるように操作すると……

このようにMac App Storeへ誘導するリンクがカード形式で貼り付けられます。

例えばMac用の1Passwordを検索し、同様に操作すると……

https://itunes.apple.com/jp/app/1password-7/id1333542190?mt=12&uo=4&at=******

(´-`).｡oO(末尾は伏せています)

と、なぜかカードではなくURLだけが貼り付けられてしまいます。

"iTunes商品紹介"を使って失敗するんだったら、普通にリンクを本文に埋め込む手順を踏んでみたらどうなるか。

先ほどの1Passwordを貼り付けようとした際に書き込まれたURLを上図のURL欄にコピペしてみるとこうなる。

f:id:kjx130:20180524000002j:plain

このようにやっぱりおかしなことになって、カード形式での埋め込みができない。

以下の条件に全て合致しているとこの現象が起こる模様：

なぜかiTunes Musicの商品だけは大丈夫で、ブックやポッドキャスト、アプリケーションなどだとこの現象が起こります。

この件に関してはゴールデンウィーク直前にはてなサポートには報告済みで、ゴールデンウィークが明けてまもなく調査中の旨を知らせる回答が届いたけど、以後いまのところ音沙汰なしで未解決の模様。

というわけで、二進も三進もいかないんじゃ不便。

そんな中、とりあえずなんとかなりそうな暫定対処法を見つけたので紹介します……が、正規の用法からは若干外れるので実践に際しては自己責任でお願いします。

それでは以下、1Password 7の商品リンクを設置する場合を例に手順を紹介：

一応このやり方だとこのように……

カード形式でのリンク設置に成功します。

ストアリンク（URL）には商品名を記述している部分（階層）があるので、その部分だけを削除して使うというものです。

削除するのは商品名と、それの直前or直後にあるスラッシュのどちらか一方です。

https://itunes.apple.com/jp/app/1password-7/id1333542190?mt=12&uo=4&at=******

商品名と一緒に前後両方のスラッシュを消してしまうとURLの記述がおかしくなってリンクが機能しない（リンク切れになってしまう）ので気をつけてください。

りんごが好きなのでぃす