Basic Event Code

Install guide

  • install code: vpon will provide code, please refer to the example code below, there will be mutiple event codes, please embed the match one
  • install page: page specific in vpon provide code
  • install position: specific event trigger function

Example

Example Code

Example code 
event codes

・about　（for "about us" click event）
url: http://www.example.com/some_page
--------------------------
<script>
Vpadn('element_interact', {
	'name': 'web',
	'action': 'click',
	'value': 'ev_0_about'
});
</script>
--------------------------

Example Page

This is an example page, the original content is as below:

Original example page 
<!DOCTYPE html>
<html>
	<head>
		...
	</head>
<body>
	<!-- part of your html content here -->
	
	<!-- an example button -->
	<a href="http://www.vpon.com/">about us</a>
	
	<!-- part of your html content here -->
</body>
</html>

Modified example page:

  • add base code
  • add click event
  • set some timeout before redirect to the target url to make sure the code is sent

Modified example page 
<!DOCTYPE html>
<html>
	<head>
		...
		<!-- base code content here -->
	</head>
<body>
	<!-- part of your html content here -->
	
	<!-- an example button -->
	<a onclick="onAboutClick();">about us</a>
	
	<script>
	function onAboutClick(){
		//vpon event code
		Vpadn('element_interact', {
			'name': 'web',
			'action': 'click',
			'value': 'ev_0_about'
		});

		//go to link page after a short timeout
		setTimeout( function(){
			location.href = "http://www.vpon.com/";
		}, 700);
	}
	</script>

	<!-- part of your html content here -->
</body>
</html>