WordPress へのタグ設置方法

概要

WordPress（WooCommerce 等）では、商品ページのテンプレートまたはカスタム HTML 編集機能を使って AnyGift タグを設置します。スクリプトタグとマーカータグの2つを商品詳細ページに追加してください。

設置手順

ステップ1: スクリプトタグを挿入する

商品ページのヘッダーに以下のコードを挿入してください。

<script type="text/javascript">
    window.AnyGift = {
      productCode: '{商品コード}',
      storeId: 'YOUR_STORE_ID',
    };
</script>
<script defer src="https://d1ioo46r7yo3cy.cloudfront.net/store.js" charset="utf-8"></script>

YOUR_STORE_ID は、AnyGift から発行されたストアIDに置き換えてください。

{商品コード} はご利用の WordPress の運用により異なります。変数として管理されている場合は WordPress の記法に則って記述してください。

PHP 変数を利用する場合の例

<script type="text/javascript">
    window.AnyGift = {
      productCode: '<?php echo $productCode; ?>',
      storeId: 'YOUR_STORE_ID',
    };
</script>
<script defer src="https://d1ioo46r7yo3cy.cloudfront.net/store.js" charset="utf-8"></script>

ステップ2: マーカータグを挿入する

eギフトの「ギフトとして贈る」ボタンを表示したい位置に、以下のマーカータグを挿入してください。

<div data-anygift></div>

通常は、商品の購入ボタンの近くに設置することを推奨します。

動作確認

設置が完了したら、ストアの商品詳細ページにアクセスし、「ギフトとして贈る」ボタンが表示されていることを確認してください。