Tags
People
Badges
Help-
CORE FRAMEWORK
FEATURED COMPONENTS
-
RESOURCES
-
LEARN ZK
RESOURCES
Orignial message at:
https://sourceforge.net/forum/message.php?msg_id=4181653
By: webappcabaret
Google has a tool to help track customers to your site. A requirement of the tool is the insertion of a piece of javascript code just before the </body> HTML tag.
The code must be placed immediately before the </body> for it to work.
The Code does not work for any page with Tabs, ZK inserts code between it and the </body>. Below is a sample ZUL page as well as the rendered HTML output source.
******************** ZUL CODE ****************************** <window xmlns:h="http://www.w3.org/1999/xhtml">
<tabbox width="400px">
<tabs>
<tab label="Tab 1"/>
<tab label="Tab 2"/>
</tabs>
<tabpanels>
<tabpanel>This is panel 1</tabpanel>
<tabpanel>This is panel 2
The second panel</tabpanel>
</tabpanels>
</tabbox>
<h:script src="http://www.google-analytics.com/urchin.js"
type="text/javascript">
</h:script>
<h:script type="text/javascript">
_uacct = "UA-1409679-1";
urchinTracker();
</h:script>
</window>
*******************HTML OUTPUT ***************************** <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<link rel="stylesheet" type="text/css"
href="/zkau/web/zul/css/normie.css.dsp"/>
<link rel="stylesheet" type="text/css" href="/ws.css"/> <meta http-equiv="Cache-Control"
content="no-cache,no-store,must-revalidate,max-age=0"/>
<script type="text/javascript">
zk_action="/zkau";
zk_desktopId="grk31";
zk_promptDelay=900;
zk_tooltipDelay=800;
</script>
<script type="text/javascript" src="/zkau/web/js/ext/prototype/prototype.js"
charset="UTF-8">
</script>
<script type="text/javascript" src="/zkau/web/js/ext/aculo/effects.js"
charset="UTF-8">
</script>
<script type="text/javascript" src="/zkau/web/js/ext/aculo/dragdrop.js"
charset="UTF-8">
</script>
<script type="text/javascript" src="/zkau/web/js/zk/html/boot.js"
charset="UTF-8">
</script>
<script type="text/javascript" src="/zkau/web/js/zk/html/lang/mesg.js"
charset="UTF-8">
</script>
<script type="text/javascript" src="/zkau/web/js/zk/html/common.js"
charset="UTF-8">
</script>
<script type="text/javascript" src="/zkau/web/js/zk/html/au.js"
charset="UTF-8">
</script>
<script type="text/javascript" src="/zkau/web/js/zk/locale.js.dsp"
charset="UTF-8">
</script>
<script type="text/javascript">
zk.mods["timelinez.timeline"]="1.1-1";
zk.mods["gmapsz.gmaps"]="2.0";
zk.mods["fckez.fckez"]="2.3";
zk.mods["dojoz.dojo"]="0.4.1";
</script>
</head>
<body>
<div id="_pp0" class="zk" style="width:100%" z.zidsp="true"> <div id="_pc1" z.type="zul.widget.Wnd" z.autoz="true" class="embedded-none"> <div id="_pc1!cave" class="wnd-i">
<table id="_pc2" style="width:400px;" border="0" cellpadding="0"
cellspacing="0">
<thead id="_pc3" z.type="zul.tab.Tabs">
<tr><td>
<table border="0" cellpadding="0" cellspacing="0"> <tr valign="bottom">
<td><table border="0" cellpadding="0" cellspacing="0"> <tr>
<td height="3" width="3"
style="background-image:url(/zkau/web/zul/img/tab/3d-first.gif)"></td>
</tr>
</table></td>
<td id="_pc4" z.type="Tab" class="tabsel" z.sel="true" z.box="_pc2"
z.panel="_pc7">
<table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr>
<td width="5" height="5"
style="background-image:url(/zkau/web/zul/img/tab/3d-tl-sel.gif)"></td>
<td colspan="3" height="5"
style="background-image:url(/zkau/web/zul/img/tab/3d-tm-sel.gif)"></td>
<td width="5" height="5"
style="background-image:url(/zkau/web/zul/img/tab/3d-tr-sel.gif)"></td>
</tr>
<tr height="22">
<td width="5" style="background-image:url(/zkau/web/zul/img/tab/3d-ml-sel.gif)"
></td>
<td width="3" style="background-image:url(/zkau/web/zul/img/tab/3d-mm-sel.gif)"
></td>
<td align="center"
style="background-image:url(/zkau/web/zul/img/tab/3d-mm-sel.gif)"><a
href="javascript:;" id="_pc4!a">Tab 1</a></td>
<td width="3" style="background-image:url(/zkau/web/zul/img/tab/3d-mm-sel.gif)"
></td>
<td width="5" style="background-image:url(/zkau/web/zul/img/tab/3d-mr-sel.gif)"
></td>
</tr>
<tr>
<td width="5" height="3"
style="background-image:url(/zkau/web/zul/img/tab/3d-bl-sel.gif)"></td>
<td colspan="3" height="3"
style="background-image:url(/zkau/web/zul/img/tab/3d-bm-sel.gif)"></td>
<td width="5" height="3"
style="background-image:url(/zkau/web/zul/img/tab/3d-br-sel.gif)"></td>
</tr>
</table>
</td>
<td id="_pc5" z.type="Tab" class="tab" z.sel="false" z.box="_pc2"
z.panel="_pc9">
<table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr>
<td width="5" height="5"
style="background-image:url(/zkau/web/zul/img/tab/3d-tl-uns.gif)"></td>
<td colspan="3" height="5"
style="background-image:url(/zkau/web/zul/img/tab/3d-tm-uns.gif)"></td>
<td width="5" height="5"
style="background-image:url(/zkau/web/zul/img/tab/3d-tr-uns.gif)"></td>
</tr>
<tr height="22">
<td width="5" style="background-image:url(/zkau/web/zul/img/tab/3d-ml-uns.gif)"
></td>
<td width="3" style="background-image:url(/zkau/web/zul/img/tab/3d-mm-uns.gif)"
></td>
<td align="center"
style="background-image:url(/zkau/web/zul/img/tab/3d-mm-uns.gif)"><a
href="javascript:;" id="_pc5!a">Tab 2</a></td>
<td width="3" style="background-image:url(/zkau/web/zul/img/tab/3d-mm-uns.gif)"
></td>
<td width="5" style="background-image:url(/zkau/web/zul/img/tab/3d-mr-uns.gif)"
></td>
</tr>
<tr>
<td width="5" height="3"
style="background-image:url(/zkau/web/zul/img/tab/3d-bl-uns.gif)"></td>
<td colspan="3" height="3"
style="background-image:url(/zkau/web/zul/img/tab/3d-bm-uns.gif)"></td>
<td width="5" height="3"
style="background-image:url(/zkau/web/zul/img/tab/3d-br-uns.gif)"></td>
</tr>
</table>
</td>
<td style="display:none" id="_pc3!child"></td>
<td><table border="0" cellpadding="0" cellspacing="0"> <tr>
<td height="3" width="3"
style="background-image:url(/zkau/web/zul/img/tab/3d-last1.gif)"
id="_pc3!last"></td>
<td height="3" width="1"
style="background-image:url(/zkau/web/zul/img/tab/3d-last2.gif)"></td>
</tr>
</table></td>
</tr>
</table>
</td></tr>
</thead>
<tbody id="_pc6" class="tabpanels">
<tr id="_pc7">
<td id="_pc7!real" class="tabpanel-hr">
<span id="_pc8">This is panel 1</span>
</td>
</tr>
<tr id="_pc9" style="display:none;">
<td id="_pc9!real" class="tabpanel-hr">
<span id="_pca">This is panel 2
The second panel</span>
</td>
</tr>
</tbody>
</table>
<script id="_pcb" type="text/javascript"
src="http://www.google-analytics.com/urchin.js"></script>
<script id="_pcc" type="text/javascript"> _uacct = "UA-1409679-1"; urchinTracker(); </script> </div> </div> </div> <script type="text/javascript"> zk.addInit(function(){ zk.process('script',1,"zkTab.selTab('_pc4')");
});
</script>
</body>
</html>
***********************************END HTML************************
Any help much appreciated.
Regards
Gabriel Wong
JAVA EE + AJAX Hosting - http://www.webappcabaret.com
Orignial message at:
https://sourceforge.net/forum/message.php?msg_id=4185185
By: henrichen
Please see example code at zkdemo/usrguide/index.zul
/henri
Orignial message at:
https://sourceforge.net/forum/message.php?msg_id=4186348
By: webappcabaret
Thanks for your reply.
Could you elaborate as to which example addresses the issue of the javascript positioning as described above.
Regards
Gabriel Wong
JAVA EE + AJAX Hosting - http://www.webappcabaret.com
Orignial message at:
https://sourceforge.net/forum/message.php?msg_id=4187063
By: henrichen
Download ZK binary and read the source code of the specified file.
zk-x.x.x/demo/src/zkdemo/WebContent/userguide/index.zul
or if you have deploy zkdemo.war to your local machine, find the file from your Servlet container (e.g. $Tomcat/webapps/zkdemo/userguide/index.zul)
/henri
Orignial message at:
https://sourceforge.net/forum/message.php?msg_id=4187330
By: webappcabaret
I think there is a misunderstanding of the issue.
Per the Google requirement at the following URL:
http://adwords.google.com/support/bin/answer.py?answer=26908&hl=en
the tracking script must be place immediately before </body>
In the ./userguide/index.zul or my example (original post) the HTML is not rendered that way.
Orignial message at:
https://sourceforge.net/forum/message.php?msg_id=4192707
By: henrichen
That is exactly how we track demo site.
/henri
Hi,
I want to be able to truck all my pages with google analytics, but I would prefere not to write the script in all pages of my sites , but just to insert the name of the page that contain my script .
Could you please tell me how to do that ? i have very little experience with zk.
Thanks
By the way this is the code that I got.
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-9197047-3");
pageTracker._trackPageview();
} catch(err) {}</script>
Asked: 2007-02-27 20:10:22 +0800
Seen: 245 times
Last updated: Apr 01 '10
