WordPressウェブサイトにAmazonウィッシュリストボタンを追加する方法

WordPressサイトにAmazonウィッシュリストボタンを追加すると、世界中の訪問者が製品やコンテンツをAmazonウィッシュリストにすばやく簡単に保存できるようになります。

Amazonはこの機能を備えたユニバーサルブックマークレットを提供していますが、読者がそれをインストールしていることを保証することはできません。 したがって、すべての訪問者がWordPressのコンテンツまたは製品をAmazonのウィッシュリストに追加できるようにする場合は、サイトにボタンを追加する必要があります。

この投稿では、Amazon独自のボタンジェネレーターを使用して、AmazonウィッシュリストボタンをWordPressに追加する方法を紹介します。 次に、Elegant Themesメンバーの場合、Monarchソーシャル共有プラグインを使用して同じことを実現する方法を紹介します。

アマゾンウィッシュリストボタンは何をしますか？

アマゾンのウィッシュリストがアマゾンにリストされたアイテムのためだけだった時代がありました。 しかし、それはかなり長い間そうではありませんでした。

現在、Amazonは実際に、あなたまたはあなたの訪問者が他のサイトからあなたのウィッシュリストにアイテムを追加することを許可しています。

それが、Amazonのウィッシュリストボタンが役立つことです。 これは、訪問者が任意のWebサイトのページをAmazonのウィッシュリストに保存できる便利なブックマークレットです。 有効にすると、次のようになります。

読者は、Amazonのユニバーサルウィッシュリストツールを使用して、すでにその機能を利用できます。 ただし、ツールにアクセスできない場合でも、ボタンを提供して、コンテンツをウィッシュリストに保存できるようにすることができます。

Amazonウィッシュリストボタンはeコマースストア専用ですか？

WordPressでeコマースストアを運営している場合、Amazonのウィッシュリストボタンは、訪問者にストアに戻って購入を完了するように促す（または他の人からのギフトとしてアイテムを要求させる）ための優れた方法です。 商品情報を動的に挿入して、ウィッシュリストのエントリの見栄えを良くすることもできます。

そうは言っても、Amazonのウィッシュリストボタンを使用するために実際に商品を販売する必要はありません。 ブログの投稿でも、どこでも機能します。 そのため、アフィリエイトブログで商品について書いているだけの場合でも、訪問者は自分の投稿をウィッシュリストに追加して、何をどこで購入するかを覚えておくと役立つ場合があります。

訪問者がサイトをウィッシュリストに追加すると、Amazonウィッシュリストインターフェイスの[このWebサイトを購入]ボタンが表示されます。

AmazonウィッシュリストボタンをWordPressに追加する方法

Amazonは、WordPressサイトにユニバーサルAmazonウィッシュリストボタンを追加できるベンダーボタンと呼ばれるツールを提供しています。 さまざまなスタイルから選択でき、必要に応じて、事前にロードされた情報を使用してボタンをカスタマイズすることもできます。

使い方はこちらです。

ステップ1：Amazonウィッシュリストボタンコードを生成する

開始するには、Amazonのベンダーボタンページにアクセスしてください。 ここでは、次のことを行う必要があります。

• ボタンのスタイルを選択してください
• ボタンに情報をプリロードします（オプション）
• コードを生成するための条件に同意します

さまざまなボタンスタイルから選択するには、矢印を使用できます。

[カスタムオプションを表示]をクリックすると、ページに正確な商品に関するカスタム情報を入力できます。 これを行う必要はありません。ボタンがフォームフィールドに関連情報をプリロードするのに役立ちます。

eコマースストアのボタンを使用している場合は、Amazonの開発者の指示に従って、この情報を動的に生成することもできます。

ボタンの設定に満足したら、チェックボックスをオンにしてAmazonの利用規約に同意し、ボタンコードをコピーします。

Amazonのツールには1つの潜在的な問題があります–これを修正する方法は次のとおりです

Amazonのコードジェネレーターには1つの問題があります。それでも、URLにセキュリティで保護されていないhttpが使用されています。 つまり、サイトでSSLを使用している場合（本来のように）、ほとんどのブラウザーはセキュリティで保護されていないスクリプトの実行をブロックするため、スクリプトは読み込まれません。

ただし、心配しないでください。 修正は簡単です。

あなたがする必要があるのは、Amazonによって生成されたスクリプトのURLに「s」を追加することです。 超シンプル–このように：

この変更により、Amazonはスクリプトを安全にロードするため、ブラウザーはスクリプトのSSLページへのロードをブロックしなくなります。 それ以外は、機能は変更されません。

これで、適切にコーディングされたスクリプトが手元にあるので、ボタンをサイトに追加する準備が整いました。

個々の投稿またはページへのAmazonウィッシュリストボタンの追加

Amazonのウィッシュリストに追加ボタンを個々の投稿またはページに挿入するには、次のようにスクリプトをWordPressエディターの[テキスト]タブに貼り付けるだけです。

また、投稿を公開または更新すると、ボタンがサイトのライブバージョンに表示されます。

AmazonウィッシュリストボタンをDiviBuilderに追加する

Divi Builderを使用している場合は、同じスクリプトを次のいずれかに貼り付けることができます。

• テキストモジュールの[テキスト]タブ
• コードモジュール

私は両方の方法をテストしました。 注意してください。変更を保存してサイトのライブバージョンを表示するまで、ボタンが表示されない場合があります。

Amazonウィッシュリストボタンをサイドバーに追加する

[ウィッシュリストに追加]ボタンをサイドバーに追加するには、同じスクリプトをテキストウィジェットの[テキスト]タブに貼り付けるだけです。

次に、ウィジェットが配置されているサイドバーにAmazonウィッシュリストボタンが表示されます。

エレガントなテーマのメンバーの場合–モナークを使用する

エレガントテーマのメンバーの場合は、Monarchソーシャル共有プラグインの形式でAmazonのウィッシュリストボタンに簡単にアクセスできます。

モナークのAmazonネットワークボタンは、通常の共有ボタンの場所にAmazonウィッシュリストボタンを追加します。

サイトに追加するには、 [ツール]→[モナーク設定]に移動します。 次に、[ネットワーク]タブを選択し、[ネットワークの追加]をクリックします。

Amazonネットワークを選択します。

次に、他の手順に従って、ソーシャルメディアアイコンをサイトに追加します。 モナークのソーシャル共有の場所とスタイルのいずれかから選択できます。

ソーシャル共有ボタンが有効になったら、訪問者はAmazonボタンをクリックして、アイテムをウィッシュリストに保存できます。

まとめ

Amazonのベンダーボタンまたはモナークソーシャルシェアリングのどちらを使用していても、WordPressサイトにAmazonウィッシュリストボタンを追加するのは非常に簡単です。

個々の投稿にボタンを含めるだけの場合は、ベンダーボタンが表示されるタイミングを完全に制御できるので便利です（Divi Builderで機能します）。 しかし、サイト全体のボタンの場合、モナークは間違いなく最も迅速な実装とポジショニングのより詳細な制御を提供します。

AmazonウィッシュリストボタンをWordPressに追加するための好ましい方法は何ですか？

GharizaMahaviraによる記事のサムネイル画像/shutterstock.com