りんごが好きなのでぃす

リーク嫌いの方向けに噂などを除いたApple製品に関する情報を紹介します

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

f:id:kjx130:20180523233501j:plain

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

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

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

正常な出力の例

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

Pixelmator

Pixelmator

  • Pixelmator Team
  • グラフィック&デザイン
  • ¥3,600

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

正常でない出力の例

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

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

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

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

手動で埋め込みリンクを貼ってみる

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

f:id:kjx130:20180523235416p:plain

これね

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

f:id:kjx130:20180524000002j:plain

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

不具合が発生する条件

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

  • iTunes商品紹介機能を用いて『音楽以外』のコンテンツを選んだ場合
  • 商品名が『半角数字』で始まる場合

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

暫定対処法(ただし自己責任)

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

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

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

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

  1. iTunes商品紹介にてMacを対象に "1Password" を検索
  2. 検索結果から "1Password 7" をクリックで選択し[選択したアイテムを貼り付け]ボタンをクリック
  3. 本文に貼り付けられたURLを全選択しコピー(command+C)
  4. ツールバーから "リンク" ボタンをクリックし、URL欄に先ほどコピーしたアドレスをペーストする
  5. ペーストされたURLから "1Password-7/" を削除する
  6. [プレビュー]ボタンをクリック
  7. "埋め込み" を選択し[選択した形式でリンクを挿入]ボタンをクリック

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

1Password 7

1Password 7

  • AgileBits Inc.
  • 仕事効率化
  • 無料

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

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

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

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

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

[PR]Facebook ページ 開設しました

こちらには私語は流れませんのでお気軽にフォローしてください、笑

www.facebook.com

目に止まったWeb記事と私語が流れる私自身のFacebookはこちら。

www.facebook.com

両方ともごっちゃ混ぜなのがTwitterアカウント(@kujax130)です、笑

twitter.com