通过onclick按钮更新了Google Analytics事件跟踪

时间:2017-01-31 02:20:18

标签: javascript google-analytics

我的订单页面上有一张表格。当用户单击提交按钮时,记录应该是我可以在Google Analytics分析事件中跟踪的会话。但是,代码不起作用。 我的页面代码如下:

       <!DOCTYPE html>
    <html>
      <head>
        <meta charset="utf-8" />
        <title>Keepsake Florals</title>
        <!--link to external css file-->

    <link rel="stylesheet" type="text/css" href="keepsakeflorals.css"/>
    <link rel="stylesheet" type="text/css" href="ksform.css" />
    <link rel="shortcut icon" href="favicon.ico" />
       <script src="scripts/jquery-1.11.3.min.js"></script>

          <script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-87810245-1', 'auto');
  ga('send', 'pageview');

</script>

        <!--[if lt IE 7]>
          <style type="text/css">
            #mainnav {left: 0px;}
            li img {left: -42px;}
          </style>
        <![endif]-->
        <!--[if IE]>
            <style type="text/css">
            legend span {top: 0;}
            legend {color: black;}
            #submit {position: relative; left: -80px;}
        </style>
          <![endif]-->
          <script>

    $('#contact-form').on('submit', function(event) {
      // Prevent the browser's default form submission action.
      event.preventDefault();

      ga('send', 'event', {
        eventCategory: 'Contact',
        eventAction: 'Information Request',
        eventLabel: 'Contact Form',
        hitCallback: function() {
          $('contact-form').trigger('submit');
        }
      });
    });

          </script>
    </head>
    <body>

    <div id="box">
    <h1><a href="index.html" title="click here to return home"> KEEPSAKE FLORALS </a> </h1>
    </div>

    <div>
    <nav id="mainnav"> 
    <a href="index.html"> Home</a> |
    <a href="aboutus.html"> About Us  </a> |
    <a href="flowers.html"> Flowers </a> |
    <a href="order.html"> Order </a> |
    <a href="review.html"> Review </a> |
    </nav>
    </div>



    <form action="thankyou.html" id="contact-form">

      <fieldset id="contactinfo">
      <legend> <span> Contact Information </span> </legend>
        <label> 
        Name
        <input type="text" name="name" id="nameinput" placeholder="First and last name"  />
        </label>
          <label>
          Email
          <input type="email" name="email" id="emailinput" placeholder="address@example.com" />
          </label>
          <label>
          Phone
          <input type="text" name="phone" id="phoneinput" placeholder="phone number" />
          </label>

         </fieldset>

            <fieldset id="orderflower">
              <legend> <span> Flowers to order </span> </legend> 
              <label for="mother" >
                 <input type="radio" name="flower" id="mother" value="mother" checked="checked"  />
                 Mother's day flower 
                 </label>
                     <label for="father">
                             <input type="radio" name="flower" id="father" value="father" />
                            Fathers day flower
                 </label>
                         <label for="otheroccasion">
                        <input type="radio" name="flower" id="occasion" value="occasion"  />
                        Other occasion flower
                                </label>

                 <label for="valentinesday">
                     <input type="radio" name="flower" id="vday" value="vday" />
                      Valentine's Day
                      </label>

                 <label for="others">
                    <input type="radio" name="flower" id="others" value="others"  />
                      Others

                      <input type="text" name="other" id="otherinput">
                      </label>    
                  </fieldset>
              <fieldset id="delivery">
              <legend> <span> How to contact you ? </span> </legend>
              <label for "question">
                  <input type="radio" name="flower" id="phone"  />
                     Via my handphone number
                     </label>
                      <label for "question">
                  <input type="radio" name="flower" id="email"  />
                     Via my email
                     </label>     
              </fieldset>
              <fieldset id="helpneeded" >

              <legend> <span> Any help needed? </span> </legend> 
              <textarea id="helpneeded" name="helpneeded" rows="4" cols="20"> </textarea>
              </fieldset>    
               <input type="submit" id="submit" value="Validate and Submit" onclick=”ga('send', 'event', 'form', 'submit', 'order sent', 10);”/>
    </form>
    </body>
    </html>

2 个答案:

答案 0 :(得分:0)

您没有在页面的任何位置加载实际的Google AnalyticsJava小网页

答案 1 :(得分:0)

首先,您必须在网页上添加Google Analytics

Check this link