検索フォームに入力された文字列をスペースで分割し、それぞれを個別にトラッキング情報として送信する方法

Question

Googleタグマネージャを利用して、サイト内検索で使われたキーワードを収集しています。

フォームの送信をトリガーとしてテキストボックスから文字列を取得してラベルの値として設定することで、
Googleアナリティクスの 行動 -> イベント で集計することが出来ました。

しかし、現状では「hoge fuga　piyo」というように全角スペースや半角スペースを挟んで入力された場合、
それらがまとめて一つの文字列として認識されてしまいます。
そうではなく、それぞれの単語が1回ずつカウントされるようにしたいです。

文字列をスペースで分割して配列にするだけなら以下のようなコードで出来ますが、
この配列をもとに複数のトラッキング情報として送信する方法がわかりません。

var keyword = 'hoge fuga　piyo';
var splitKeyword = keyword.split(/ |　/);
// ["hoge", "fuga", "piyo"]

お詳しい方がいらっしゃいましたらご教授の程よろしくお願いします。

Answer 1

for文でできます

ここまで出来ていたらあとはもう一息です。

for文で各キーワードを取得して、その都度GAのイベントを叩けば良いです。

var keyword = 'hoge fuga　piyo';
var splitKeyword = keyword.split(/ |　/);
// ["hoge", "fuga", "piyo"]

//配列の長さ（個数）を取得
var keyword_length = splitKeyword.length;

//forでキーワードを個別に取得
for(let i = 0; i<keyword_length; i++){
    console.log(splitKeyword[i]);
    //イベントラベル等にsplitKeyword[i]を指定する
    //analytics.jsの場合の例
    ga('send', 'event', 'Keyword', 'eachKey', splitKeyword[i], 1);
}

※上記JSはテストはしていません

お使いのGAのバージョン（元で読み込んでいるJS）で記述が違いますので、以下を参考にして下さい。

gtag.jsの場合
https://developers.google.com/analytics/devguides/collection/gtagjs/events?hl=ja

analytics.jsの場合
https://developers.google.com/analytics/devguides/collection/analyticsjs/events?hl=ja

Comments

[toromou]

ご回答ありがとうございます。

実は、gtag.jsのイベントトラッキングは既に試したのですが、何故かGoogleアナリティクスに反映されなかったんです。
そこでGoogleタグマネージャーを導入したところ上手くいったので、こちらでの実装を考えています。
本文に書いていなくて申し訳ありません。

ただ、せっかくご回答いただいたのでもう一度gtag.jsを試してみたいと思います。

[mattari_panda]

上手くいった方法があるのでしたら、そちらで問題ないかと思います。
上記の方法は余裕のあるときにでもお試しください。

[toromou]

gtag.jsで再度試してみたところ、上手く反映されました。
反映されなかった原因はよくわかりませんが…
ご回答を参考に実装していきたいと思います。ありがとうございました。