rhymix/modules/analytics/tpl/page_info_pageDrillDown.html

<!--#include('./page_info_header.html')-->
<h3 class="xeAdmin"><span class="gray">{$lang->analytics_api_method[$method]}</span></h3>
<p>{$lang->about_analytics_method[$method]}</p>
<!--#include('./date_set_header.html')-->
<div id="dataTable"></div>
{@$_t=$lang->analytics_api_valuname[$method];}
<script type="text/javascript">
	var oAnalyticsValueName = {};
<!--@foreach($_t as $key => $val)-->
	oAnalyticsValueName['{$key}'] = '{$val}';
<!--@end-->
	
	var oAnalyticsWeekName = {};
<!--@foreach($_week_name as $key => $val)-->
	oAnalyticsWeekName['{$key}'] = '{$val}';
<!--@end-->

	var sAnalyticsTotal = '{$lang->sum_total}';
	var sAnalyticsAfterDay = '{$lang->after_day}';
	var sAnalyticsTableCaption = '{$lang->analytics_api_method[$method]} ' + '{$lang->detail_info}';

	jQuery.getJSON('{$json_url}'
	,function(data){
		var aTableData = data.response.data;
		
		if (!aTableData)
			return;
		
		var oSumData = {};
		var aTableHead = [];
		var aTableBody = []; 

		var table_tag;
		var table_head;
		var table_body;

		var key;
		var i;
		var dataKey;
		var nValue;

		aTableHead.push(oAnalyticsValueName['rank']);
		// table head생성
		for(key in aTableData[0])
		{
			oSumData[key] = 0;
			aTableHead.push(oAnalyticsValueName[key]);
		}
		aTableHead.push(oAnalyticsValueName['percent']);
		table_head = '<thead><tr><th scope="col">' + aTableHead.join('</th><th scope="col">') +'</th></tr></thead>';


		// table body생성
		table_body = '<tbody>';
		
		var percentData = 0;
		var sPercentTD = '';
		var imageWidth = 0;
		var sumpv = 0;
		var dutime = 0;
		var sumbounce = 0;
		var sumstart = 0;
		var bouncePercent = 0;
		var sumexit = 0;
		var exitPercent = 0;
		var sMinute = '{$lang->minute}';
		var sSecond = '{$lang->second}';
		var sumunqpv = 0;
		var nSumUniqPv = 0;
		
		for(i = 0; i < aTableData.length; i++)
		{
			aTableBody = [];
			aTableBody.push(i + 1);
			aTableBody.push(aTableData[i]['url']);
			
			sumpv = parseInt(aTableData[i]['sumpv']);
			aTableBody.push(sumpv);
			sumunqpv = parseInt(aTableData[i]['sumunqpv']);
			nSumUniqPv += sumunqpv;
			aTableBody.push(sumunqpv);
			
			dutime = parseInt(aTableData[i]['sumdutime']);
			aTableBody.push(Math.floor(dutime / 60) + sMinute + dutime % 60 + sSecond);
			sumbounce = parseInt(aTableData[i]['sumbounce']);
			sumstart = parseInt(aTableData[i]['sumstart']);

			if (sumbounce > 0 && sumstart > 0)
			{
				bouncePercent = Math.round(sumbounce / sumstart * 10000)/100;
			}
			else
			{
				bouncePercent = 0;
			}

			aTableBody.push(bouncePercent + '%');

			sumexit = parseInt(aTableData[i]['sumexit']);

			if (sumexit > 0 && sumpv > 0)
			{
				exitPercent = Math.round(sumexit / sumpv * 10000)/100;
			}
			else
			{
				exitPercent = 0;
			}

			aTableBody.push(exitPercent + '%');

			if (sumpv > 0)
			{
				percentData = Math.round(sumpv / data.response.data_totalpv * 10000)/100;
				imageWidth = Math.round(percentData);
			}
			else
			{
				percentData = 0;
				imageWidth = 1;
			}

			if (percentData < 1)
			{
				sPercentTD = '<img class="graphHr" style="width:3px" alt="" src="./images/iconBar.gif" />';
			}
			else
			{
				sPercentTD = '<img class="graphHr" style="width:'+imageWidth +'%" alt="" src="./images/iconBar.gif" />'
			}
			sPercentTD += percentData + '%';

			table_body += '<tr><td>' + aTableBody.join('</td><td>') + '</td><td class="wide">' + sPercentTD + '</td></tr>';
		}
		
		aTableBody = [];
		table_body += '<tr><td colspan=2>'+sAnalyticsTotal+'</td>';
		aTableBody = [data.response.data_totalpv, nSumUniqPv, '-', '100%', '100%', '100%'];
		table_body += '<td>' + aTableBody.join('</td><td>') + '</td></tr></tbody>';
		
		table_tag = '<table cellspacing="0" class="rowTable"><caption>'+sAnalyticsTableCaption + '</caption>' + table_head + table_body + '</table>';
		
		jQuery("#dataTable").html(table_tag);
	});
</script>