コンテンツまでスキップ
  • 検索フィールドが空なので、候補はありません。

タグ設置マニュアル

タグ設置場所

弊社からお渡ししておりますWorldShoppingのタグは、</body>タグの前に設置いただくことを推奨しております。

ECカート別のタグ導入方法

Shopify

  1. Shopify管理画面メニュー[オンラインストア]→[テーマ]をクリックします
  2. 現在のテーマの「…」をクリックします。
  3. [コードを編集する]をクリックします。
    002_s3_ap-northeast-1_amazonaws_com_wraptas-prod_zig-zag3_1cac9760-ff32-8096-a9ab-e2_20260226_135853
    Shopify管理画面
  4. Layoutフォルダの中にある「theme.liquid」ファイルを選択します
  5. コード内下部にある</body>閉じタグを検索し、その直前の1行に、お送りした弊社タグを設置し、[保存]してください。
    003_s3_ap-northeast-1_amazonaws_com_wraptas-prod_zig-zag3_1cac9760-ff32-8007-84f1-ef_20260226_135856

    004_s3_ap-northeast-1_amazonaws_com_wraptas-prod_zig-zag3_1adc9760-ff32-8045-814d-eb_20260226_135859
    弊社よりお渡ししているJavaScriptタグを上記のような形で、</body>閉じタグ直前に設置してください。
    ※本資料はあくまで一般的なShopifyでの導入方法であり、Shopify仕様や、各社様での仕様により状況が異なる場合がございます。ご了承ください。

決済画面チェックアウト以外のページにてWorldShoppingのタグが設置されていれば動作に影響ございません

BASE

  1. BASEにログイン後、「Apps」メニューを選択します
    005_s3_ap-northeast-1_amazonaws_com_wraptas-prod_zig-zag3_1cac9760-ff32-80e3-bb46-f3_20260226_135902
  2. アプリストアから「HTML編集」を検索し、インストールしてください
    006_s3_ap-northeast-1_amazonaws_com_wraptas-prod_zig-zag3_1cac9760-ff32-8016-b51b-fd_20260226_135904

①有料テーマの場合

HTML編集アプリを開き、「作成したテーマ一覧」から「購入したテーマを元に新規作成」を選択
007_s3_ap-northeast-1_amazonaws_com_wraptas-prod_zig-zag3_1cac9760-ff32-808e-aaa5-c0_20260226_135907

「購入したデザイナーズテーマを元に新規作成」を選択します。元になるテーマは現在お使いのテーマを選択してください。
008_s3_ap-northeast-1_amazonaws_com_wraptas-prod_zig-zag3_1cac9760-ff32-80fb-9924-d1_20260226_135910

HTMLコード編集画面が開きます。
009_s3_ap-northeast-1_amazonaws_com_wraptas-prod_zig-zag3_1cac9760-ff32-80b4-836f-e5_20260226_135913

コード編集画面下部にある</body>閉じタグを検索し、その直前の1行に、お送りした弊社タグを設置してください。
その後、中央上部の空欄に任意のtheme名を入力し[保存する]をクリックしてください。
※【Ctrl+F】にて「/body」を検索していただくと効率的です。

</body>を探し、その直前に弊社タグを設置してください。下記のような形で設置できれば完了です。
010_s3_ap-northeast-1_amazonaws_com_wraptas-prod_zig-zag3_1cac9760-ff32-8080-9dee-f7_20260226_135917

管理画面に戻り、「デザイン」メニューをクリックし、選択中のテーマ >「変更する」を選択します。
011_s3_ap-northeast-1_amazonaws_com_wraptas-prod_zig-zag3_1cac9760-ff32-8060-ba2d-c5_20260226_135919

テーマを選ぶから、先ほど追加したテーマを選択します。画面左下の「このテーマを選択」をクリックし、画面右上の「保存する」を押せば終了です。
012_s3_ap-northeast-1_amazonaws_com_wraptas-prod_zig-zag3_1cac9760-ff32-8077-8b57-e7_20260226_135922

②カスタムテーマの場合

HTML編集アプリを開き、「作成したテーマ一覧」の中から「設定中」のテーマの右端にある「</>」のボタンをクリックします。
013_s3_ap-northeast-1_amazonaws_com_wraptas-prod_zig-zag3_1cac9760-ff32-807c-a888-de_20260226_135925

HTMLコード編集画面を開き、コード編集画面下部にある</body>閉じタグを検索し、その直前の1行に、お送りした弊社タグを設置してください。その後、画面右上の[保存する]をクリックしてください。
※【Ctrl+F】にて「/body」を検索していただくと効率的です。
014_s3_ap-northeast-1_amazonaws_com_wraptas-prod_zig-zag3_1cac9760-ff32-806f-add3-e1_20260226_135928

「現在ご利用中のテーマです。変更内容をショップページに反映しますか?」の画面が表示されたら「はい」を選択
015_s3_ap-northeast-1_amazonaws_com_wraptas-prod_zig-zag3_1cac9760-ff32-80ed-9dc4-e4_20260226_135932

以上で完了です。

③無料テーマの場合

注意点:無料テーマは、スマホではWorldshoppingの表示がされません。また、カスタムテーマにすることでサイトのデザインが変わる可能性があります。

HTML編集アプリを開き、「作成したテーマ一覧」から「新規作成」を選択します。
016_s3_ap-northeast-1_amazonaws_com_wraptas-prod_zig-zag3_1cac9760-ff32-802c-b186-dc_20260226_135934

HTMLコード編集画面が開きます。
009_s3_ap-northeast-1_amazonaws_com_wraptas-prod_zig-zag3_1cac9760-ff32-80b4-836f-e5_20260226_135913

コード編集画面下部にある</body>閉じタグを検索し、その直前の1行にお送りした弊社タグを設置。その後、中央上部の空欄に任意のtheme名を入力し[保存する]をクリックしてください。
※【Ctrl+F】にて「/body」を検索していただくと効率的です。

</body>を探し、その直前に弊社タグを設置する。
018_s3_ap-northeast-1_amazonaws_com_wraptas-prod_zig-zag3_1cac9760-ff32-807c-bfab-f2_20260226_135941

上記のような形で設置できれば完了です。管理画面に戻り、[デザイン]メニューをクリックし、選択中のテーマ→「変更する」を選択。
011_s3_ap-northeast-1_amazonaws_com_wraptas-prod_zig-zag3_1cac9760-ff32-8060-ba2d-c5_20260226_135919

テーマを選ぶから、先ほど追加したテーマを選択します。画面左下の「このテーマを選ぶ」をクリックし、画面右上の「保存する」を押せば終了です。
012_s3_ap-northeast-1_amazonaws_com_wraptas-prod_zig-zag3_1cac9760-ff32-8077-8b57-e7_20260226_135922

HTMLタグ管理・編集方法についてBase社のページにも記載がありますので参考にしてください。

【HTMLタグ管理(BASE社推奨)】
https://apps.thebase.in/detail/130
使い方はこちらよりご確認ください。
当アプリをご利用の際は、</head>の直前に弊社タグを設置ください。

【HTML編集】
https://apps.thebase.in/detail/107
使い方はこちらよりご確認ください。

いずれも、内容に関しての質問は弊社では受けられませんので、BASE社に直接お問い合わせください。

EC-CUBE

レイアウト管理機能を使用します。 タグをブロックとして登録後、body部分に設定します。

ブロックの設定方法等、詳細はEC-CUBE社のマニュアルをご確認ください。
コンテンツ管理>レイアウト管理

aishipR

サイト管理>レイアウト作成>レイアウト編集から実施できます。

詳細は下記のマニュアルをご確認ください。
aishipR 公式マニュアル

おちゃのこネット

下記いずれかの方法でタグ設置いただきますようお願いいたします。

パターン1(弊社推奨)

おちゃのこネット管理画面[マーケティング]→「アクセス解析タグ設定」→【アクセス解析タグ】欄に設置します。使い方はこちらよりご確認ください。

021_s3_ap-northeast-1_amazonaws_com_wraptas-prod_zig-zag3_1cac9760-ff32-804a-b396-c4_20260226_135950

パターン2

おちゃのこネット管理画面[マーケティング]→[SEO(メタタグ)全体設定]→[ヘッダー]に設定します。使い方はこちらよりご確認ください。
022_s3_ap-northeast-1_amazonaws_com_wraptas-prod_zig-zag3_1cac9760-ff32-8013-be9d-c1_20260226_135952
Wix

弊社ではGoogleタグマネージャーを用いてのタグ設置を推奨しております。
ECサイトにGoogleタグマネージャーをインストールいただいた後、下記リンクよりアカウントを接続後、タグ設置をお願いいたします。

Wix サイトに Google タグマネージャーアカウントを接続する

Square

以下の通り、設定をお願いします。

  • カスタムコード名:WorldShopping BIZ
  • カスタムコード:弊社よりお渡ししたタグ
  • コードをどこに設置しますか?:<body>の終わり

カスタム追跡コードをSquare オンラインビジネスに追加する

Googleタグマネージャーを利用したタグ設置方法

こちらのリンクより、タグ設置のご対応をお願いいたします。
ECサイトにGoogleタグマネージャーを設定されていらっしゃらない場合は、まず下記リンクより設定およびインストールをお願いいたします。

タグ マネージャーの設定とインストール

タグの確認方法

TOPページ・商品ページなどのHTMLソースコードをご確認ください。

ソースコード下部に、以下キャプチャ画像のように「WorldShopping Checkoutタグ」が挿入されている状態がご確認できましたら実装は問題ございません。
023_s3_ap-northeast-1_amazonaws_com_wraptas-prod_zig-zag3_1b5c9760-ff32-8035-96f7-d4_20260226_135955

※上記はサンプルタグとなります。実際には、弊社からお客様にお送りするJavascriptタグが表示されます