C cenaly.com
無料で始める

Shopify · ストア上での購入者サポート

Shopify用のCenaly.comウィジェット

商品ページやコレクションページにチャット、連絡ボタン、プロモーションウィジェットを追加できます。コードはストアのテーマにインストールされます。これは注文同期のアプリではなく、checkoutへのインストールでもありません。consentと分析には、以下の別の手順を使用してください。

  • 商品ページの1つのシナリオから始める
  • 設定はCenaly.comで、コードはテーマのtheme.liquidに
  • 編集前にテーマのコピーを作成し、公開後にカートとモバイル表示を確認する

カード不要・登録は1分、タグはさらに1分・設定の変更は5分でサイトに反映

すべてのウィジェットに1つのタグ13個中9個が無料Shadow DOM — レイアウトを崩さないラベルはページの言語で表示2つのクラウド:AWSとロシア

Shopifyでできること

必要なウィジェットを選択し、アカウントで設定します。通常のウィジェットは共通タグを使用しますが、consentと分析には個別の設置手順が重要です。

選択したウィジェットとプラットフォームは登録時に保存されます。その後、アカウントでウィジェットを設定してください。Shopifyのこの手順は開いたままにしておき、設定が完了したら以下のインストール手順に戻ってください。

13種類のウィジェット →

Shopifyの有料プランは必要か

プラットフォームの有料プランは不要

Online Storeとテーマコードへのアクセスがあるストアが必要です。タグを挿入するための別個のアプリは不要です。

この手順は、Online Store → Themes → Edit codeが利用できるストアを対象としています。インストールを始める前に、ご利用のプランで可能なこととスタッフの権限を確認してください。

ShopifyのサブスクリプションはCenaly.comのウィジェットとは別に支払います。アプリを個別に購入しないことは、ストアが無料であることやcheckoutの編集へのアクセスを意味しません。

このページのメニュー項目と料金条件は公式ヘルプに基づいています:

プラットフォームのヘルプと照合済み 2026-09-22

Shopifyにコードを挿入する方法

一般的なウィジェット:チャット、連絡ボタン、予約

<script src="https://cdn.cenaly.com/site/v1.js" data-domain="your-site.com" async></script>

通常のウィジェット用のタグの例です。コードはアカウントから取得してください。デモ用ドメインに置き換える必要はありません。アナリティクスをブロックする場合は、以下に記載の別の手順を使用してください。 Cookieバナーと分析:別個の手順 →

  1. 1

    設置コードをコピーする

    Cenaly.comのアカウントで:管理パネル → マーケティング → 「マイサイト」。最初のフィールドにストアのアドレスを入力し、タグの文字列をコピーします。

  2. 2

    テーマのコピーを作成する

    Shopifyの管理画面で:Online Store(インターネットショップ)→ Themes(テーマ)→ 対象のテーマの「…」→ Duplicate。問題が発生した場合の戻り道です。

  3. 3

    コードエディタを開く

    同じ場所で:テーマの「…」アイコン → Edit code(コードを編集)。Shopifyのヘルプではこの手順を次のように説明しています:「From your Shopify admin, go to Online Store. Click … > Edit code」。

  4. 4

    theme.liquidを探す

    左のリストで:Layoutフォルダ → theme.liquidファイル。これはストアの全ページの共通の骨組みです。

  5. 5

    タグを挿入して保存

    閉じタグのheadの直前(または閉じタグのbodyの直前)に文字列を挿入し、Saveをクリックします。

  6. 6

    インストールを確認する

    ストアのフロントを開き、「マイサイト」→「インストールを確認」に戻ります。

編集は特定のテーマに存在します。別のテーマを公開した場合は、同じテーマにタグを挿入してください。そうしないと、ウィジェットは古いテーマと一緒に消えます。

Shopify 公式ヘルプ ↗

インストールの確認

  1. 1

    サイトを再公開する

    サイトビルダーでは編集内容は下書きに保存されます。ページを再公開するまで、公開サイトにタグは反映されません。

  2. 2

    アカウントで「マイサイト」を開く

    管理画面 → マーケティング → 「マイサイト」。最初の欄にサイトのアドレス、その隣に「設置を確認」があります。

  3. 3

    検出結果を確認する

    確認ではページの元のHTMLを読み取り、検出されたウィジェットを表示します。Google Tag Manager 経由で設置したタグは検出されません。これは確認の制限であり、設置の問題ではありません。

インストールエラーの対処はヘルプをご覧ください インストール手順 →

Shopifyの特長

  • コードは選択したテーマに属します

    テーマの増減や更新の後は、公開バージョンにタグがあるか確認してください。最初のタグが残っている場合は、2つ目のタグを挿入しないでください。

  • ストアフロントとcheckoutは別の画面です

    theme.liquidを経由する方法は、このテーマを使用するストアフロントのページを対象としています。checkoutにウィジェットを追加するものではなく、Shopifyのピクセルを制御できることを保証するものでもありません。

  • チャットアプリがすでにインストールされている

    スマートフォンでボタンが重なっていないか確認してください。不要なものを無効にするか位置を変更し、その後カートが開くか確認してください。

  • 注文はShopifyに残ります

    タグを挿入しても、商品、カート、注文はインポートされません。Shopifyで販売している場合は、チャットまたはマルチボタンから始めてください。Cenaly.comの注文ウィジェットは別に有効にします。

よくある質問

Shopify App Storeのアプリが必要ですか?

説明した方法では不要です。通常のタグをtheme.liquidに追加します。テーマへのアクセスが必要です。consentには専用のタグがあり、読み込み順序の確認が必要です。

ウィジェットはcheckoutで動作しますか?

このインストール方法はストアフロントを対象としています。checkoutを拡張するものではなく、Shopifyの注文データを同期するものでもありません。

カートとの互換性を保証できますか?

ウィジェットの表示はShadow DOMで分離されていますが、これはテーマやアプリのあらゆる動作との互換性を保証するものではありません。まずテーマのコピーを作成し、その後商品ページ、カート、モバイルページを確認してください。

テーマの増減後に確認することは?

新しい公開テーマにタグが1つだけあること、ウィジェットが開くこと、ボタンが重なっていないこと、アカウントの正しいドメイン。

cookieバナーには通常のasyncタグでよいですか?

同意前にトラッカーをブロックするには、専用のconsent/v1.jsをasync/deferなしでheadの先頭に置く必要があります。選択前、拒否後、承認後の読み込みを確認してください。プラットフォーム内蔵の分析機能は別途設定が必要な場合があります。バナーが表示されることは法律への準拠を証明するものではありません。

詳細(プラットフォーム別のインストール、設定、トラブルシューティング)はヘルプをご覧ください。 インストール手順 →

自分のShopifyストアにウィジェットを設置する

ストアフロント用のタスクを選択し、ウィジェットを設定してテーマのコピーにインストールします。公開後は商品ページとカートを確認してください。

ウィジェットを選択

カード不要・登録は1分、タグはさらに1分・設定の変更は5分でサイトに反映