Amazonアフェリエイトへの道 #10 Chrome機能拡張のオプション機能追加

2023年12月17日

アプリケーション

eyecatch 前回構築したブラウザ機能拡張で、アソシエイトIDの登録口が無いことに気がついたので、まだ利用できるレベルになっていませんでした。 今回の作業で、機能拡張でアフェリエイトタグが出力できるようになります。

ブラウザ機能拡張のオプションって何?

「機能拡張の設定などを行える裏設定画面を表示する機能」だと思ってください。 GoogleChromeの場合で簡単に説明します。 機能拡張のアイコンを右クリックすると、たまに「オプション」という項目があるモノがあります。 オプションが無いアイコン オプションがあるアイコン 我がブログの前回記事を見て、Githubからcloneして、機能拡張の登録をしてくれた人は、すでにAmazonAffiliateLinkMakerのアイコンを右クリックして、オプションが表示されていることに気がついているかもしれません。

オプション画面を表示してみる

何も怖がることはありません。 オプションを選択してみましょう。 次のような画面が表示されます。 そのまま、アソシエイトIDを入力して、そのウィンドウは閉じてください。

アフェリエイトタグをボタン一つで表示

次に、amazonの商品ページで、機能拡張ボタンをクリックするだけで、アフェリエイトリンクのタグが一発表示できます。

あとがき

あ、気が付きました? 前回機能拡張のプレビュー表示画面で、邪魔だと思って非表示にしていた、アフェリエイトリンクや、画像サイズ、文字サイズの項目を表示するようにしてみました。 この表示と今回構築したオプション表示が連動している所を理解してください。 あれ?オプションで設定しなくても、この画面だけで設定もできてしまうという事ですね・・・ まあ、テンプレートなどの設定をオプションに盛り込んでもっと便利にしていきましょう。 というわけで今回は、機能拡張をさらにバージョンアップさせたお話でした。

Github

https://github.com/yugeta/amazon_affiliate_link_maker