はてなブログにAmazon商品へのリンクを貼り付けることができました!
■はじめに
タイトルだけをご覧になっても、今さら何の話かと思いますよね。でも、実は筆者はブログの記事中にAmazon商品へのリンクを貼り付ける方法が分からなかったのです。正確には、方法は明らかなのですが、どうしても上手くできなかったというのが正しいかもしれません。
しかし、ついに今般、その方法が分かったのです。この感動をお伝えしたくて、わざわざ記事を書きました。まあ、ほとんどの方にとっては全く役に立たないかもしれませんが…。
■背景
筆者はブログの記事を書くのも投稿するのも、ほとんどスマホから行っています。android用のはてなブログアプリを使っています。PCから行うのは、カスタマイズのためにスタイルシートを変更するぐらいです。
さて、スマホ用のアプリには「埋め込み」機能があるので、これを使えば簡単にAmazon商品へのリンクを貼り付けることができそうなものです。ツールバー風にそれらしきアイコンが並んでいますよね。
このアイコンをタップすると、商品を検索する画面に移ります。商品名を入力して検索すると、商品一覧が表示されます。
貼り付けたい商品をタップすると、青囲みが付いて選択状態になります。画面の下の方に「選択した商品を貼り付け」という青いボタンがあるので、これをタップすれば、対象の商品へのリンクが埋め込まれるはず。
なのですが、ボタンをタップしてもなぜか無反応なのです。何度試しても駄目なので、アプリのバグなのかと思って諦めてしまっていました。
■自作
アプリからではなく、ブラウザなら上手くできるのかもしれませんが、面倒なのでそちらは試してはいませんでした。
それでも、記事の中で商品を紹介したいときはありました。そんな場合は、表を使い、その中に画像を貼り付けたり説明書きを加えて、自作で表現していました。
これはこれで面倒です…。
■発見
しかし先日、再チャレンジした際に発見したのです。まず、次のスクリーンショットをご覧ください。丸囲みのアイコンをタップすると、1行件の表示からアイコン表示に変わります。
この表示形式で、画面下部の「選択した商品を貼り付け」ボタンをタップすると…
丸囲みの部分を良く見ると、商品が青囲みで選択された状態に変わりました。すなわち、ボタンの下に商品が存在している場合は、そちらにタップ操作が奪われているのでは…。
■成功
ならば、商品をかわしてタップしてやれば良いのでは…? 次のスクリーンショットの矢印のあたりをタップしてみましょう。
正解です! ついに貼り付けが成功しました!
記事を実際に表示してみたのが次のスクリーンショットです。これです、これがほかのブログで良くみる様式ですね。
バグではなかったのですね、はてなさん、申し訳ありませんでした。でも、仕様としてはイマイチかも…。
■さいごに
そんなわけで、無駄に(?)多くの画像を使った説明になりましたが、筆者の苦悩と感動をお伝えすることはできたでしょうか?
Googleで検索しても、筆者と同じように困ったという情報が見つからなかったので、筆者ぐらいなのでしょうか? もし一握りでも、この記事を見て役に立ったという方がいらしたら幸いなのですが…。