AdsWebSDK

Web SDKWeb SDK への直接リンク

Rokt Web SDKは、ウェブサイトのフロントエンドからコンバージョンを自動的に報告するためのJavaScriptライブラリです。

Rokt Web SDKの追加Rokt Web SDKの追加への直接リンク

Roktアカウントマネージャーから、またはmy.rokt.comで自分でユニークな統合コードを取得します。
1. my.rokt.comにログインします。
2. アカウントをクリックします。
3. Integrationsをクリックします。
4. Integrationsをクリックします。
5. Set up the Snippetをクリックします。
6. Record conversionsを選択します。
7. Roktがキャンペーンイベントをコンバージョンに正しくマッチングできるように、顧客識別子を選択します。識別子としては、生のまたはハッシュ化された（SHA-256）顧客のメールアドレスを使用することをお勧めします。
  
  注記
  ハッシュ化されたメールや生のメールの代わりに、Rokt Tracking ID (passbackconversiontrackingid)を識別子として使用することもできます。この方法は開発チームの作業が増えますが、個人を特定できる情報を必要としません。
8. 関連するデータ属性を追加します。コンテクスチュアルデータは、Roktがあなたのビジネスに最も効果的なキャンペーンやオーディエンスについて学ぶのに役立ちます。これらの学びを活用して、獲得を最適化し、将来のキャンペーンのパフォーマンスを向上させます。
  
  統合コードは次のようになります:

<script type="module">
  const target = document.head || document.body;
  const script = document.createElement("script");
  script.type = "text/javascript";
  script.src = "https://apps.rokt.com/wsdk/integrations/launcher.js";
  script.fetchPriority = "high";
  script.crossOrigin = "anonymous";
  script.async = true;
  script.id = "rokt-launcher";
  target.appendChild(script);
  await new Promise((resolve) =>
    window.Rokt
      ? resolve()
      : document
          .getElementById("rokt-launcher")
          .addEventListener("load", () => resolve())
  );

  const launcher = await window.Rokt.createLauncher({
    accountId: "roktAccountId",
  });

  await launcher.selectPlacements({
    attributes: {
      //customer identifier - at least one required
      email: "john.smith@gmail.com",
      emailsha256: "",
      passbackconversiontrackingid: "",

      //推奨データ属性
      firstname: "",
      lastname: "",
      conversiontype: "",
      amount: "",
      currency: "",
      quantity: "",
      paymenttype: "",
      margin: "",
      confirmationref: "",
    },
  });
</script>

コード例の各部分の説明は、Web SDKライブラリのドキュメントに記載されています。

注意

上記の例をコピーする場合は、次のステップに進む前にroktAccountIdをあなたのアカウントのユニークIDに置き換えてください。roktAccountIdは、アカウントマネージャーまたはmy.rokt.comから取得できます。

確認ページに統合コードを追加します。
1. 統合コードは、通常、コンバージョンイベントの直後に続く確認ページやサンキューページに配置する必要があります。ページのHTML内の<head></head>タグの間に統合コードを直接貼り付けてください。
2. サイト上のすべてのコンバージョンが記録されるように統合を確実にしてください。Roktはその後、Roktキャンペーンイベントから生じたコンバージョンを特定するための帰属プロセスを処理できます。
  
  タグマネージャー
  Roktの統合コードをタグマネージャーを使用してサイトに追加することもできますが、一部のコンバージョンイベントが失われるため、パフォーマンスが低下する可能性があります。最良の結果を得るには、このページで説明されている直接統合をお勧めします。
データ属性を入力します。少なくとも顧客識別子（メールまたはRoktトラッキングID）が正しいデータで入力されていることを確認してください。また、任意のデータ属性を設定してください。
1. ハッシュ化されたメールアドレスを識別子として使用したい場合は、Roktの事前構築されたハッシュ関数を使用できます。追加情報は、Two Step Data Integrationページで見つけることができます。
統合がエンゲージメントを促し、正しいデータを含んでいることをテストします。テスト手順を参照してください。

最適なパフォーマンスを得るには、Event APIとWeb SDKの両方を統合することを検討してください。両方の方法を使用することで冗長性が生まれ、ブラウザやサーバーで発生する可能性のある異常を特定するのに役立ちます。

Web SDKWeb SDK への直接リンク

Rokt Web SDKの追加Rokt Web SDKの追加 への直接リンク

Rokt Web SDKの追加Rokt Web SDKの追加への直接リンク