我的订单页面上有一张表格。当用户单击提交按钮时,记录应该是我可以在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>
答案 0 :(得分:0)
您没有在页面的任何位置加载实际的Google AnalyticsJava小网页
答案 1 :(得分:0)
首先,您必须在网页上添加Google Analytics