Squarespace インテグレーション

Code Injection パネルから Squarespace サイトに Zenovay を追加します。すべての Squarespace テンプレートで動作し、アナリティクスやマーケティングタグに対して Squarespace が推奨するアプローチです。

Code Injection には Business プラン以上（月額 $23+）が必要です。Personal プランでは Code Injection は利用できません。

クイックスタート

Zenovay ダッシュボードからトラッキングスニペットをコピーします。
Squarespace 管理画面で Settings → Advanced → Code Injection を開きます。
スニペットを Header に貼り付けます。
パネル上部の Save をクリックします。

インストール

サイト全体の Code Injection（推奨）

Squarespace 管理画面にログインします。
ホームメニューから Settings をクリックします。
下にスクロールして Advanced をクリックします。
Code Injection をクリックします。
Header ボックスに次のスニペットを貼り付けます。

<script defer data-tracking-code="YOUR_TRACKING_CODE" src="https://api.zenovay.com/z.js"></script>

パネル上部の Save をクリックします。

ページごとの Code Injection

特定のページのみトラッキングする場合：

Pages パネルのページにカーソルを合わせます。
ギアアイコン → Page Settings をクリックします。
Advanced タブを開きます。
Page Header Code Injection にスニペットを貼り付けます。
保存します。

ページごとのコードはサイト全体のコードの後に追加されます。両方のスコープに貼り付けないでください。

インストールを確認する

プライベートブラウザウィンドウでライブサイトを開きます。
ソースを確認して <head> 内の <script defer data-tracking-code=...> を探します。
Zenovay リアルタイムビューを確認します。約 30 秒以内にアクセスが表示されます。

Squarespace Commerce の購入をトラッキングする

Squarespace Commerce ストアの場合、注文確認ページで購入イベントを追加します。

Settings → Advanced → Code Injection に移動します。
Order Confirmation Page ボックス（通常の Header ではなく）に以下を貼り付けます。

<script>
  document.addEventListener('DOMContentLoaded', () => {
    const orderId = document.querySelector('[data-order-id]')?.dataset.orderId
                 || window.location.pathname.split('/').pop();
    const total = document.querySelector('.order-total .price')?.textContent;
    const revenue = parseFloat((total || '').replace(/[^0-9.]/g, ''));
    if (window.zenovay && revenue > 0) {
      window.zenovay('track', 'purchase', {
        transaction_id: orderId,
        revenue,
        currency: 'USD',
      });
    }
  });
</script>

より高い精度には、代わりにサーバーサイドの Stripe Webhook を使用してください。

フォーム送信をトラッキングする

Squarespace ネイティブフォームは標準の submit イベントを発行します。

<script>
  document.addEventListener('DOMContentLoaded', () => {
    document.querySelectorAll('form[data-form-id]').forEach(form => {
      form.addEventListener('submit', () => {
        window.zenovay?.('track', 'form_submitted', {
          form_id: form.getAttribute('data-form-id'),
        });
      });
    });
  });
</script>

Squarespace Members を識別する

Squarespace Member Areas を使用している場合：

<script>
  document.addEventListener('DOMContentLoaded', () => {
    const ctx = window.SquarespaceMemberAccountContext?.context;
    if (ctx?.memberId && window.zenovay) {
      window.zenovay('identify', {
        user_id: ctx.memberId,
        email: ctx.emailAddress,
      });
    }
  });
</script>

トラブルシューティング

データなし、「Code Injection」が表示されない。 Personal プランを使用しています。Business（月額 $23）以上にアップグレードしてください。

スニペットを貼り付けたがデータがない。 Code Injection パネル上部の Save をクリックしたか確認してください。Squarespace はこのフィールドを自動保存しません。

ブログ投稿でデータがない。 Squarespace はブログ投稿に AMP バリアント（/?format=amp）を配信します。AMP は任意のスクリプトを除去します。Settings → Marketing → SEO で AMP を無効化するか、AMP のギャップを受け入れてください。

Brine/Native テンプレートでページビューが重複している。 一部の古いテンプレートは AJAX ページ遷移を使用しています。ページビューの集計不足が見られる場合は、popstate リスナーから window.zenovay('page') を手動で呼び出してください。

プラン要件

プラン	Code Injection	Commerce イベント
Personal	❌	❌
Business	✅	⚠️ 制限あり
Basic Commerce	✅	✅
Advanced Commerce	✅	✅ + 放棄カート

プライバシー

クッキーレストラッキングには data-cookieless="true" を追加します。

<script defer
        data-tracking-code="YOUR_TRACKING_CODE"
        data-cookieless="true"
        src="https://api.zenovay.com/z.js"></script>

次のステップ

Member Area の識別・Code Block パターン・AMP のトラブルシューティングについては、docs.zenovay.com の Squarespace インテグレーションガイドをお読みください。
コンバージョンゴールを設定します。
サポートが必要ですか？ [email protected] までお問い合わせください。