コンテンツにスキップ

JavaScript の API

相談の文面や、独自の操作を MITATE に渡します。

window.mitate = window.mitate || [];
window.mitate.push({ type: 'chat', speaker: 'user', text: '家族4人で戸建てです' });
type ほかの項目 動き
'chat' speaker:'user'(訪問者)か 'agent'(案内)、text:文面 訪問者の発言はすぐに判定します。案内の発言は次の判定で一緒に読みます
'action' text:操作を表す文 行動として記録し、ほかの操作とまとめて判定します
  • 文面は 300 字まで、操作の文は 120 字までにそろえます。
  • 送る前に、メールアドレス・電話番号などを伏せ字にします。
  • タグの読み込みの前に push したものは、読み込んだあとに順に渡されます。
  • 出し分けが OFF のサイトでは、何も送りません。

このページでの読み取りを止め、標準の表示に戻します。以後、このページでは何も送りません。訪問者が同意を取り消したときなどに使います。

window.mitate.stop();

訴求を差し替えたとき、または標準の表示に戻したときに、window に mitate:change のイベントを出します。

window.addEventListener('mitate:change', (e) => {
const { concern, fields } = e.detail;
// concern:関心の key。標準の表示に戻したときは 'default'
// fields:承認済みの訴求の文面 { eyebrow, title, sub, points }。標準に戻したときは null
});
  • 同じ訴求のあいだは、重ねて出しません。
  • data-mitate-block を付けていないページでも出します。React や Vue などで、フレームワークの側で訴求を表示したいときは、fields を使って描画してください(組み込みの注意)。

window.dataLayer があるとき(Google タグマネージャー)は、次の値も積みます。

{ event: 'mitate_change', mitate_concern: 'speed' }

出し分けあり・なしで申し込み率を比べるときの目印に使えます。