GAでパラメータを設定したのに検出できない

受付中

回答 0

投稿

  • 評価
  • クリップ 1
  • VIEW 84

joe_mmder.

score 7

前提・実現したいこと

Googleのパラメータで値を取得するのにアナリティクスでできるかについて検証していたところ、パラメータは送信できても一部のパラメータだけ取得できないといった状態になりました。
内容はパラメータを4つ設定して、それをサイト内検索の画面で集計したいというものです。
組み合わせは考えておらず、4つのパラメータを同時に取得することが出来る状態を作りたいです。

該当のソースコード

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
  Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

  <meta charset="utf-8">
  <title>Document02</title>
  <script src="https://code.jquery.com/jquery-3.0.0.min.js"></script>
  <!-- Global site tag (gtag.js) - Google Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=アナリティクスID"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'アナリティクスID');
  </script>

    <script type="text/javascript">

    function onClick(){
      //最終的なソースコードを設定
      var flag_code;
      //カテゴリ1の検出内容を設定.
      //必要な配列を設定.
      var arr1 = new Array;
      var flag_code1;
      //valueの値を取得する.
      for (let i = 0; i < flag_box1.length; i++){
        if(flag_box1[i].checked){ //(flag_code1[i].checked === true)と同じ
          flag_code1 = arr1.push(flag_box1[i].value);
          console.log('チェックボックスのチェック確認1');
          console.log(arr1);
        }
      }
      //配列に値が入っているのかどうか確認する.
      if(arr1){
        flag_code1 = 'flag_sample1='+arr1;
        console.log(flag_code1);
      }

      //ここでカテゴリ2の検出内容を設定する.
      var arr2 = new Array;
      var flag_code2;
      //ここでvalueの値を取得する.
      for (let i = 0; i < flag_box1.length; i++){
        if(flag_box2[i].checked){ //(flag_code2[i].checked === true)と同じ
          flag_code2 = arr2.push(flag_box2[i].value);
          console.log('チェックボックスのチェック確認2');
          console.log(arr2);
        }
      }
      //配列に値が入っているのかどうか確認する.
      if(arr2){
        flag_code2 = 'flag_sample2='+arr2;
      }


      //ここでカテゴリ3の検出内容を設定する.
      var arr3 = new Array;
      var flag_code3;
      //ここでvalueの値を取得する.
      for (let i = 0; i < flag_box3.length; i++){
        if(flag_box3[i].checked){ //(flag_code2[i].checked === true)と同じ
          flag_code3 = arr3.push(flag_box3[i].value);
          console.log('チェックボックスのチェック確認3');
          console.log(arr3);
        }
      }
      //配列に値が入っているのかどうか確認する.
      if(arr3){
        flag_code3 = 'flag_sample3='+arr3;
      }


      //ここでカテゴリ4の検出内容を設定する.
      var arr4 = new Array;
      var flag_code4;
      //ここでvalueの値を取得する.
      for (let i = 0; i < flag_box4.length; i++){
        if(flag_box4[i].checked){ //(flag_code1[i].checked === true)と同じ
          flag_code4 = arr4.push(flag_box4[i].value);
          console.log('チェックボックスのチェック確認4');
          console.log(arr4);
        }
      }
      //配列に値が入っているのかどうか確認する.
      if(arr4){
        flag_code4 = 'flag_sample4='+arr4;
      }

      //配列がどれか1つにでも格納されているかチェックする.
      if(flag_code1){
        flag_code = '?';
      }else if (flag_code2) {
        flag_code = '?';
      }else if (flag_code3) {
        flag_code = '?';
      }else if (flag_code4) {
        flag_code = '?';
      }

      //これでリンクを飛ばす.
      location.href = flag_code + flag_code1 + '&' + flag_code2 + '&' + flag_code3 + '&' + flag_code4;
      console.log(flag_code + flag_code1 + '&' + flag_code2 + '&' + flag_code3 + '&' + flag_code4);
    }

  </script>
</head>

  <body>
    <h1>GA同期検証</h1>
    <h2>使用用途</h2>
    <form name="flag_box1">
      <input type="checkbox" name="use_category" id="自動車" value="自動車"> 自動車
      <input type="checkbox" name="use_category" id="飛行機" value="飛行機"> 飛行機
      <input type="checkbox" name="use_category" id="ロケット" value="ロケット"> ロケット
    </form>

    <h2>メーカー</h2>
    <form name="flag_box2">
      <input type="checkbox" name="maker_category" id="A社" value="A社"> A社
      <input type="checkbox" name="maker_category" id="B社" value="B社"> B社
      <input type="checkbox" name="maker_category" id="C社" value="C社"> C社
      <input type="checkbox" name="maker_category" id="D社" value="D社"> D社
    </form>

    <h2>値段</h2>
  <form name="flag_box3">
      <input type="checkbox" name="cost_category" id="梅" value="梅"><input type="checkbox" name="cost_category" id="竹" value="竹"><input type="checkbox" name="cost_category" id="松" value="松"></form>

    <h2>部品</h2>
    <form name="flag_box4">
      <input type="checkbox" name="parts_category" id="ネジ" value="ネジ"> ネジ
      <input type="checkbox" name="parts_category" id="ボルト" value="ボルト"> ボルト
      <input type="checkbox" name="parts_category" id="ナット" value="ナット"> ナット
    </form>

    <input type="button" value="送信" onClick="onClick();">

  </body>
</html>

試したこと

要素を4つではなく少なくして検出できるかについて試したところ、2つ同時に飛ばすことは出来ました。
(ソース自体は3つ目と4つ目をコメントアウトしただけです。)

補足情報(FW/ツールのバージョンなど)

アップロードサーバ:さくらVPS
編集ツール:Atom

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正の依頼

  • m6u

    2019/09/09 21:16

    イベントトラッキングなら ga('send', 'event', [eventCategory], [eventAction], [eventLabel], [eventValue], [fieldsObject]); みたいなのを使うんじゃないかなと察するのだが、今ひとつ何をしたいのかがわからない。

    キャンセル

  • joe_mmder.

    2019/09/10 18:18

    イベントではなく、「サイト内検索」の機能を用いて値を4つ同時に取得する方法について調べています。イベントトラッキングであれば、取得できることは既に確認済みです。

    キャンセル

まだ回答がついていません

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 90.21%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる