読者です 読者をやめる 読者になる 読者になる

無題で行こう

気の向くままに書きたいことを書いていきます。とりあえず無題でいきましょう。毎日いろいろありますよね♪

MENU

はてなブログにAmazon商品へのリンクを貼り付けることができました!

ブログの技

f:id:kay72234:20160323222437j:plain

■はじめに

タイトルだけをご覧になっても、今さら何の話かと思いますよね。でも、実は筆者はブログの記事中にAmazon商品へのリンクを貼り付ける方法が分からなかったのです。正確には、方法は明らかなのですが、どうしても上手くできなかったというのが正しいかもしれません。

しかし、ついに今般、その方法が分かったのです。この感動をお伝えしたくて、わざわざ記事を書きました。まあ、ほとんどの方にとっては全く役に立たないかもしれませんが…。


■背景

筆者はブログの記事を書くのも投稿するのも、ほとんどスマホから行っています。android用のはてなブログアプリを使っています。PCから行うのは、カスタマイズのためにスタイルシートを変更するぐらいです。

さて、スマホ用のアプリには「埋め込み」機能があるので、これを使えば簡単にAmazon商品へのリンクを貼り付けることができそうなものです。ツールバー風にそれらしきアイコンが並んでいますよね。

f:id:kay72234:20160323122603j:plain



このアイコンをタップすると、商品を検索する画面に移ります。商品名を入力して検索すると、商品一覧が表示されます。

f:id:kay72234:20160323122844j:plain



貼り付けたい商品をタップすると、青囲みが付いて選択状態になります。画面の下の方に「選択した商品を貼り付け」という青いボタンがあるので、これをタップすれば、対象の商品へのリンクが埋め込まれるはず。

なのですが、ボタンをタップしてもなぜか無反応なのです。何度試しても駄目なので、アプリのバグなのかと思って諦めてしまっていました。


■自作

アプリからではなく、ブラウザなら上手くできるのかもしれませんが、面倒なのでそちらは試してはいませんでした。

それでも、記事の中で商品を紹介したいときはありました。そんな場合は、表を使い、その中に画像を貼り付けたり説明書きを加えて、自作で表現していました。

f:id:kay72234:20160323123847j:plain



これはこれで面倒です…。


■発見

しかし先日、再チャレンジした際に発見したのです。まず、次のスクリーンショットをご覧ください。丸囲みのアイコンをタップすると、1行件の表示からアイコン表示に変わります。

f:id:kay72234:20160323215844j:plain



この表示形式で、画面下部の「選択した商品を貼り付け」ボタンをタップすると…

f:id:kay72234:20160323220019j:plain



丸囲みの部分を良く見ると、商品が青囲みで選択された状態に変わりました。すなわち、ボタンの下に商品が存在している場合は、そちらにタップ操作が奪われているのでは…。


■成功

ならば、商品をかわしてタップしてやれば良いのでは…? 次のスクリーンショットの矢印のあたりをタップしてみましょう。

f:id:kay72234:20160323221210j:plain



正解です! ついに貼り付けが成功しました!

f:id:kay72234:20160323221334j:plain



記事を実際に表示してみたのが次のスクリーンショットです。これです、これがほかのブログで良くみる様式ですね。

f:id:kay72234:20160323221506j:plain



バグではなかったのですね、はてなさん、申し訳ありませんでした。でも、仕様としてはイマイチかも…。


■さいごに

そんなわけで、無駄に(?)多くの画像を使った説明になりましたが、筆者の苦悩と感動をお伝えすることはできたでしょうか?

Googleで検索しても、筆者と同じように困ったという情報が見つからなかったので、筆者ぐらいなのでしょうか? もし一握りでも、この記事を見て役に立ったという方がいらしたら幸いなのですが…。


スポンサーリンク