見出し画像

ウェブサイトとプラットフォームとの接続

この記事は FAQ Connect your website to our platform として公開されている記事を翻訳しているものです。


ウェブサイト・コネクション・スクリプトは、ユーザーがウェブサイト上で行った行動を記録し、それをキャンペーンにつなげることで、究極のパーソナライゼーションを実現します。また、当社のフォームをお客様のウェブサイトのページに接続し、いつ、誰に表示するかを微調整することができますので、リードジェネレーションはお客様のビジネスのニーズに合わせた非常に便利なツールとなります。

それでは、実際に使ってみましょう。

A. 新規ウェブサイトの追加

ダッシュボードの右上にある「アカウント」アイコンをクリックし、表示されるドロップダウンメニューからウェブサイトを選択してください。

Web サイトを選択する

初めて「追跡されたウェブサイト」のページにアクセスすると、すぐにウェブサイトのドメインを入力するよう促されます。追跡されたウェブサイトのページを再度訪れると、すでに追加したウェブサイトのリストが表示されます。

ウェブサイトを追加ボタンをクリックすると、新しいウェブサイトがリストに追加されます。

ウェブサイトの追加

ウェブサイトのドメイン欄に、あなたのウェブサイトのドメインを記入し、送信 ボタンをクリックします。

Web サイトを追加する

お客様のドメイン名は、関連するトラッキングスクリプトのインストールおよび設定方法を表示するためにのみ使用されますので、ご注意ください。


お客様のウェブサイトが当社プラットフォームのお客様のアカウントに接続され、確認され、最初のメンバーが確認されるとすぐに、新しいメールリストが自動的に作成され、接続に成功したウェブサイトの今後確認されるすべての購読者が含まれます。

B. ウェブサイトの接続

当社が提供するコードスニペットをお客様のウェブサイトのHTMLの一部に追加することで、お客様は当社のプラットフォームに、サイト訪問者がいつでも何をしているかをチェックさせることができます。これらのイベントは、お客様が設計した自動化ワークフローのトリガーとして使用することができ、究極のパーソナライゼーション体験を実現します。お客様のウェブサイトがCMSやEコマースプラットフォームに基づいている場合、ワンクリックでウェブサイトのトラッキングを実現する実用的なプラグインの1つを使用することができます。

次の3つの方法があります。

  1. 当社のプラットフォームのプラグインを使ってウェブサイトを接続する。

  2. JSトラッキングライブラリを使用して、カスタムインストールでウェブサイトを接続する。

  3. PHPトラッキングライブラリを使用して、カスタムインストールでウェブサイトを接続する。

各オプションの詳細を見てみましょう。

1. 当社のプラットフォームのプラグインを使って、あなたのウェブサイトを接続する。

お気に入りのEコマースプラットフォームやCMSでのアクションをトラッキングしたい場合は、当社が提供しているプラグインを使用し、ワンクリックでウェブサイトトラッキングスクリプトをインストールすることができます。

左側の「接続用スクリプトをインストール」タブをクリックします。

左のメニューを選択する

利用可能なプラグインの横にあるインストールボタンをクリックします。

プラグインの一覧からインストール

2. JSトラッキングライブラリを使用して、カスタムインストールでウェブサイトを接続します。

カスタムインストールされている場合や、お好みのプラットフォームがプラグイン一覧にない場合は、設定例を参考にして、ウェブサイトトラッキングライブラリをインストールすることができます - 適切なコードスニペットをコピーして、ウェブサイトのHEADタグに貼り付けるだけです。

接続スクリプトのインストールページで、カスタムインストールオプションの右側にあるインストールボタンをタップします。

カスタムインストールを選択

スクロールダウンして、該当するコードスニペットの下にある「コピー」ボタンをクリックすると、JSライブラリのコードがコピーされます。

下にスクロールすると、様々なニーズに合わせてトラッキングコードを活用するための様々な実践例が紹介されています。各タイトルの下にある短い説明文をご覧ください。コードスニペットは、各説明文のすぐ下、コードスニペットエリアの下にあります。トラッキングのオプションは別途後述します。

3. PHPのトラッキングライブラリを使用して、カスタムインストールでウェブサイトを接続します。

WebサイトにPHPトラッキングライブラリが必要な場合は、この場合のソリューションも用意されています。PHPトラッキングライブラリを利用したWebサイトトラッキングのインストール方法について、必要な設定例をまとめた完全ガイドをご覧いただけます。


ウェブサイトの検証状況はいつでも確認できます。また、アカウントに接続する必要がなくなった場合は、ウェブサイトを削除することもできます。

トラッキングのオプション

オプションは以下の通り。

訪問者の識別

コードスニペットエリアの下にある「コピー」ボタンをクリックします。このボタンをクリックすると、すぐにコードがクリップボードに入ります。

// identify with email
mootrack('identify', 'john@doe.com');

// identify with email and name
// commented out as you need to choose one of these calls only
//mootrack('identify', 'john@doe.com', 'John Doe');

ページビューイベントの追跡

コードスニペットエリアの下にある「コピー」ボタンをクリックします。このボタンをクリックすると、すぐにコードがクリップボードに入ります。

// track a view of the current page
mootrack('trackPageView');

カートに入れた商品の追跡

コードスニペットエリアの下にある「コピー」ボタンをクリックします。このボタンをクリックすると、すぐにコードがクリップボードに入ります。

// mandatory - a unique code for the product, like its SKU
var itemCode = 'COW-T-SHIRT';
// mandatory - the name / title of this product
var itemName = 'Cow T-Shirt';
// mandatory - the image url of this product
var itemImage = 'http://your.store/product-color-blue.jpg';
// mandatory - the price of this product
var itemPrice = 12.02;
// mandatory - the url to get to the relevant product page
var itemUrl = 'http://your.store/product-101';
// mandatory
var itemQuantity = 2;
// mandatory - the total price for purchasing the given quantity of this product
var itemTotalPrice = 24.04;
// optional - the category of this product
var itemCategory = 'T-Shirts';
// optional - the manufacturer, brand name or company / owner of this product (if any)
var itemManufacturer = 'Acme Co';
// optional - the supplier of this product (if any)
var itemSupplier = 'Supplier Co';

// you can add custom properies and later use them in segmentations or automations
// You can track things like the color or the sze of the t-shirt in this case
var extraProps = {'color': 'Red', 'size': 'XXL'};

// Tracking add to cart events with mandatory arguments
mootrack('trackAddToOrder', itemCode, itemPrice, itemUrl, itemQuantity, itemTotalPrice);

// Tracking add to cart events with mandatory arguments + optional
mootrack('trackAddToOrder', itemCode, itemPrice, itemUrl, itemQuantity, itemTotalPrice, itemName, itemImage, extraProps);

完了したイベントの追跡

コードスニペットエリアの下にある「コピー」ボタンをクリックします。このボタンをクリックすると、すぐにコードがクリップボードに入ります。

// send order completed events
var product1 = {
    // mandatory - a unique code for the product, like its SKU
    itemCode: 'COW-T-SHIRT',
    // mandatory - the name / title of this product
    itemName: 'Cow T-Shirt',
    // mandatory - the image url of this product
    itemImage: 'http://your.store/product-color-blue.jpg',
    // mandatory - the price of this product
    itemPrice: 12.02,
    // mandatory - the url to get to the relevant product page
    itemUrl: 'http://your.store/product-101',
    // mandatory
    itemQuantity: 2,
    // mandatory - the total price for purchasing the given quantity of this product
    itemTotalPrice: 24.04,
    // optional - the category of this product
    itemCategory: 'T-Shirts',
    // optional - the manufacturer, brand name or company / owner of this product (if any)
    itemManufacturer: 'Acme Co',
    // optional - the supplier of this product (if any)
    itemSupplier: 'Supplier Co',

    // you can add custom properies and later use them in segmentations or automations
    color: 'Red', // You can track things like the color
    size: 'XXL' // or the size of the t-shirt in this case
};

// Products should be an array with an object like product.
var products = [product1, product2, ....];
mootrack('trackOrderCompleted', products);

プロダクトビューイベントの追跡

コードスニペットエリアの下にある「コピー」ボタンをクリックします。このボタンをクリックすると、すぐにコードがクリップボードに入ります。

var product1 = {
    // mandatory - a unique code for the product, like its SKU
    itemCode: 'COW-T-SHIRT',
    // mandatory - the name / title of this product
    itemName: 'Cow T-Shirt',
    // mandatory - the image url of this product
    itemImage: 'http://your.store/product-color-blue.jpg',
    // mandatory - the price of this product
    itemPrice: 12.02,
    // mandatory - the url to get to the relevant product page
    itemUrl: 'http://your.store/product-101',
    // mandatory
    itemQuantity: 2,
    // mandatory - the total price for purchasing the given quantity of this product
    itemTotalPrice: 24.04,
    // optional - the category of this product
    itemCategory: 'T-Shirts',
    // optional - the manufacturer, brand name or company / owner of this product (if any)
    itemManufacturer: 'Acme Co',
    // optional - the supplier of this product (if any)
    itemSupplier: 'Supplier Co',

    // you can add custom properies and later use them in segmentations or automations
    color: 'Red', // You can track things like the color
    size: 'XXL' // or the size of the t-shirt in this case
};

// Product should be sent back as an array with an object which includes the product above
var productInfo = [{ product: product1 }];
mootrack('PAGE_VIEWED', productInfo);

カスタムイベントの追跡

コードスニペットエリアの下にある「コピー」ボタンをクリックします。このボタンをクリックすると、すぐにコードがクリップボードに入ります。

mootrack('Video Played');

なお、カート放棄のオートメーションなど、ユーザーの行動に基づいて自動化のワークフローを作成する場合は、上記のすべてのイベントのコードを追加する必要があります。


この記事が気に入ったらサポートをしてみませんか?