Mautic・Drupal統合ソリューション デモサイトの使い方

はじめに

このサイトでは、DrupalとオープンソースのMAツール「Mautic」の連携をお試しいただくことができます。

2つのサイトの連携をお試しいただくことになるため、下記の2つのサイトを使用します。
ストーリーの説明では、各サイトを以下の呼び方で説明しています。

◯ Drupalサイト(本サイト:トラッキングを行うサイト)

 https://demo.mautic.annai.co.jp/

◯ Mauticサイト(トラッキングを確認するサイト)

 https://demo.mautic.annai.co.jp:10080/

Mauticでは、サイトにアクセスした個人を「リード」として管理します。

まずは、DrupalのユーザーアカウントとMauticのリードがどのように連携するか試してみましょう。


【Drupalサイトでの操作】

1. Drupalサイト(本サイト)を自由に数ページ閲覧します。


【Mauticサイトでの操作】

2. Mauticサイトにアクセスします。

3. Mauticサイトで、以下のユーザー・パスワードでログインしてください。

ユーザー名: demo , パスワード: mautic_demo

4. Leads > Manage Leads をクリックします。

Responsive image

5. Toggle anonymous leadsのボタンをクリックします。

Responsive image

6. anonymous userが絞りこまれて表示されるので、Nameをクリックして行動履歴を確認します。

先ほどのDrupalサイトでの行動が記録されていることを確認します。

Responsive image


【Drupalサイトでの操作】

7. Drupalサイトでユーザー登録します。

Responsive image

Responsive image

8. ユーザー登録を完了します。

Responsive image


【Mauticサイトでの操作】

9. 「Toggle anonymous leads」をもう一度クリックし、anonymousでの絞り込みを外します。

10. Drupalで登録したユーザーのメールアドレスが一覧に表示されます。

11. Nameをクリックして行動履歴を確認します。

  Drupalユーザー登録前と、ユーザー登録後の履歴が統合されて表示されます。

Responsive image


【Drupalサイトでの操作】

12. ユーザーのプロフィールを編集して、会社名や部署名などを入力して保存します。

  プロフィールの編集は、メニューバーのアカウント情報 > プロフィールから編集することができます。

Responsive image


【Mauticサイトでの操作】

13. 12の入力内容が反映されていることを確認します。

※Leadの一覧で、Nameがメールアドレスだった部分が名前・会社名に変わります。

Responsive image

【Drupalサイトでの操作】

1. パターン1とは違うブラウザで、Drupalサイト(本サイト)を自由に数ページ閲覧します。


【Mauticサイトでの操作】

2. Mauticサイトにアクセスします。

3. Mauticサイトでログインします。

4. Leads > Manage Leads をクリックします。

Responsive image

5. Toggle anonymous leadsをクリックします。

Responsive image

6. anonymous userが絞りこまれて表示されるので、Nameをクリックして行動履歴を確認します。

先ほどのDrupalサイトでの行動が記録されていることを確認します。

Responsive image


【Drupalサイトでの操作】

7. サイト上のお問い合わせフォームから問い合わせをします。(*印の部分が必須入力となります)

Responsive image

Responsive image


【Mauticサイトでの操作】

8. Leads > Manage Leads をクリックすると、先ほど問い合わせフォームから登録した内容がリードに反映され、未ログイン時の行動履歴もそのまま紐付いている事を確認します。

また、問い合わせによるスコアを50ポイントと指定しているため、50ポイント加算されています。

Responsive image

Responsive image