Contact は奥が深い
Katz Ueno
コンクリートファイブジャパン株式会社
Mautic Meetup Nagoya #4
アジェンダ
• 19:00 Contact の基本
• 19:10 項目を作ろう
• 19:30 CSV で一括インポート
• 20:00 CMS (concrete5) ユーザー登録と連携しよう
• 20:30 質疑応答
22017年7月4日 Mautic #4 - Contact が奥が深い
ひとまず
自己紹介
自己紹介
Katz Ueno (上野 勝之)
Twitter: @katzueno
ブログ:http://katzueno.com
コンクリートファイブジャパン株式会社
取締役 Chief Communications Officer
http://concrete5.co.jp
名古屋 (岩倉市) で concrete5 CMS の普及
●1980年 三重県四日市市生まれ
●アメリカに留学→仕事 映画制作 → 雑誌編集 → Web に
●TOEIC 990点 (満点)
●映像、多言語とソーシャルメディアに強いです
2017年7月4日 Mautic #4 - Contact が奥が深い 4
おことわり
• Mautic Nagoya Meetup はマーケティングオート
メーションの第1戦で活躍する人間のための勉強
会ではなく
• マーケティングオートメーション初心者により初心
者のための勉強会です
• ちょっとおかしい記述とかがあればフォローをお願
いします!
52017年7月4日 Mautic #4 - Contact が奥が深い
コンタクト
2017年7月4日 Mautic #4 - Contact が奥が深い 6
「コンタクト」とは
• Mautic の根幹
• 見込み客のリスト
• サイト訪問者を IP アドレス別で識別
• (V1.4 時点で、IPアドレスベースなのでちょっと不十分)
• フォーム送信、手動入力で見込み客で具現化
2017年7月4日 Mautic #4 - Contact が奥が深い 7
「コンタクト」とは
• 「お得意様」ではなく「潜在」なお客リスト
• 「お客様」のリストは CRM に任せる
2017年7月4日 Mautic #4 - Contact が奥が深い 8
おっと (?)
コンタクトの第一歩
•項目をきちっと定義しよう
めっちゃ重要!
2017年7月4日 Mautic #4 - Contact が奥が深い 9
「コンタクト」項目
• Contacts 項目とは
• Mautic で登録する見込み客の属性情報
• 例
• 姓
• 名
• メールアドレス
• 会社名
• 所属
2017年7月4日 Mautic #4 - Contact が奥が深い 10
「コンタクト」項目
• Contacts 項目とは
• Mautic 管理画面でカスタマイズ可能
• Ver 1.4.x から設定画面に移動したので注意
2017年7月4日 Mautic #4 - Contact が奥が深い 11
「コンタクト」項目
• カスタマイズ時の注意
• 項目が少なすぎると分析情報が少ない
• 姓名?会社名なし?
• 他のシステムの必須項目が無いと連携時にエラー
• 項目が多すぎると
• データ入力が複雑
• フォーム入力時にユーザーに嫌われる
• 他のシステムと連携するとき難しくなる
2017年7月4日 Mautic #4 - Contact が奥が深い 12
「コンタクト」項目
• とりあえず
• Mautic のデフォルト項目を参考にする
2017年7月4日 Mautic #4 - Contact が奥が深い 13
「コンタクト」項目
• Mautic のデフォルト項目の整合性
• 例:住所項目を気をつける
• 1行テキストフィールドで
• 郵便番号
• 都道府県
• 市町村
• 住所1
• 住所2
• 将来、Web のフォームの項目、
CRM 項目でも統一する必要あり
2017年7月4日 Mautic #4 - Contact が奥が深い 14
「コンタクト」項目
• あとは実際の運用で頑張りましょう
• 基本的な項目は絶対に変えない
• 付随する属性情報は適宜変更して試していこう
2017年7月4日 Mautic #4 - Contact が奥が深い 15
CSV インポート機能
162017年7月4日 Mautic #4 - Contact が奥が深い
CSV インポート機能
• 既存の見込み客を CSV でインポートする
• 主な目的:
• 一斉メールを送る
• 以前のセミナー参加、Mautic 導入前にお問い合わせ
があった人をトラッキングできるようにする
2017年7月4日 Mautic #4 - Contact が奥が深い 17
CSV インポート操作ステップ
• CSV ファイルを用意する
• 注意! UTF-8 エンコーディングである必要
• Excel だと Shift_JIS や UTF-10LE になるので UTF-8
に変換する必要あり
• 改行コードも LF に変更 (参考: Win は CRLF )
• あとタブの場合は、カンマ(,) に変更する必要あり
• CSV出力した後、テキストエディタ等でエンコーディ
ング、改行コードを変更してください
• さくらエディタ (Win), CotEditor (Mac), Dreamweaver 等
2017年7月4日 Mautic #4 - Contact が奥が深い 18
CSV でインポート
192017年7月4日 Mautic #4 - Contact が奥が深い
Contact → 新規 → Import
CSV でインポート
202017年7月4日 Mautic #4 - Contact が奥が深い
• CSV ファイルをアップロード
CSV でインポート
212017年7月4日 Mautic #4 - Contact が奥が深い
• CSV ファイルをアップロード
• サンプルファイル
• http://bit.ly/mautic-ngo-2-csv
• ファイル「data.utf8.csv」
を利用
CSV でインポート
222017年7月4日 Mautic #4 - Contact が奥が深い
• CSV の項目と Mautic の項目をマッチング
CSV インポート操作ステップ
• CSV インポート実行!
• 完成
2017年7月4日 Mautic #4 - Contact が奥が深い 23
応用編
CMSで送信されたデータと連携しよう
concrete5 ユーザー登録編
(with 小野隆士 @onocom)
242017年7月4日 Mautic #4 - Contact が奥が深い
応用編
252017年7月4日 Mautic #4 - Contact が奥が深い
• CMSで送信されたデータと連携
• Javascript のトラッキングコードを利用
(トラッキングピクセルにもパラメータを付けるのも可能です)
属性情報を送信できる。CMS でこの情報を吐き出すようカスタマイズ
普段の JS トラッキングコード
応用編
262017年7月4日 Mautic #4 - Contact が奥が深い
Mautic 側の設定
• カスタムフィールド設定で「Publicly Updatdable」の
設定をオンにする必要あり!
応用編
272017年7月4日 Mautic #4 - Contact が奥が深い
Mautic 側の設定
• カスタムフィールド設定で「Publicly Updatdable」の
設定をオンにする必要あり!
応用編
282017年7月4日 Mautic #4 - Contact が奥が深い
concrete5 側の設定
• ブログ
• http://onocom.net/blog/mautic-nagoya-no4//
• ざっくり説明
• concrete5 標準搭載の機能を使用
• Mautic と連携させたいユーザー属性 (姓,名,会社名) などを作
成。
• サイト全体に Mautic のトラッキングコードを埋め込む
• ユーザー登録完了画面の Mautic の JS コードの情報に
concrete5 のユーザー登録された情報を JSON データとして
送信するようカスタマイズ
応用編
292017年7月4日 Mautic #4 - Contact が奥が深い
• サンプルコード
• https://gist.github.com/onocom/da46e61e4e6abb5b62ae7dce6910fc13
• 44~53行、145〜155行目がカスタマイズした部分
※ 勉強会用の実装のため、ちょっと雑です
が、もっと工夫すると管理画面から Mautic
に送信する属性を設定できたりします。
ありがとうございました
• Katz Ueno
• 小野隆士
2017年7月4日 Mautic #4 - Contact が奥が深い 30

Contact は奥が深い - Mautic Meetup Nagoya #4