Advertisement
Guest User

Untitled

a guest
Dec 5th, 2013
100
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 73.25 KB | None | 0 0
  1. <?xml version="1.0" encoding="UTF-8" standalone="yes"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/><meta name="exporter-version" content="Evernote Mac 5.4.3 (402230)"/><meta name="created" content="2012-03-03 18:03:24 +0000"/><meta name="source" content="web.clip"/><meta name="source-url" content="http://code.google.com/chrome/extensions/trunk/tut_analytics.html"/><meta name="updated" content="2012-03-03 18:03:24 +0000"/><title>Tutorial: Google Analytics - Google Chrome Extensions - Google Code</title></head><body><div style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">
  4. <div style="color:rgb(255, 255, 255);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:bold;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">
  5. <span style="color:rgb(255, 255, 255);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:bold;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">WARNING: This is the <span style="color:rgb(255, 255, 255);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:bold;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">TRUNK</span> documentation.
  6. It may not work with the stable release of Chrome.</span>
  7.  
  8. </div>
  9.  
  10. <div style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">
  11.  
  12.  
  13.  
  14. <a shape="rect"/>
  15. <div style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">
  16. <a shape="rect" href="#gc-pagecontent" style="color:rgb(0, 0, 204);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:underline;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">Skip to page content</a>
  17. <a shape="rect" href="#gc-toc" style="color:rgb(0, 0, 204);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:underline;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">Skip to main navigation</a>
  18. </div>
  19.  
  20. <table width="100%" cellspacing="0" border="0" style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;"><tr style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;"><td colspan="1" rowspan="1" valign="middle"><a shape="rect" href="http://code.google.com/"><img src="Tutorial%3A%20Google%20Analytics%20-%20Google%20Chrome%20Extensions%20-%20Google%20Code.resources/d19becc62321f33846b7c11421aaa00a.gif" height="43" width="161"/></a></td><td colspan="1" rowspan="1" valign="middle" width="100%" style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:left;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">
  21. <div style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:left;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">
  22. <div style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:left;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">
  23.  
  24.  
  25.  
  26.  
  27. <br clear="none"/>
  28. <span style="color:rgb(170, 170, 170);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:left;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">e.g. "page action" or "tabs"</span>
  29. </div>
  30. </div>
  31.  
  32.  
  33.  
  34.  
  35. </td></tr></table>
  36. <div style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">
  37. <a shape="rect"/>
  38. <div style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">
  39. <h1 style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:20px;font-style:normal;font-variant:normal;font-weight:bold;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">Google Chrome Extensions (<a shape="rect" href="http://code.google.com/labs/" style="color:rgb(0, 0, 204);font-family:Helvetica, Arial, sans-serif;font-size:20px;font-style:normal;font-variant:normal;font-weight:bold;text-align:-webkit-auto;text-decoration:underline;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">Labs</a>)</h1>
  40. <ul style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:right;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;"><li style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:right;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">
  41. <a shape="rect" href="http://code.google.com/chrome/extensions/trunk/index.html" title="Google Chrome Extensions home page" style="color:rgb(0, 0, 204);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:right;text-decoration:underline;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">Home</a>
  42. </li><li style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:right;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">
  43. <a shape="rect" href="http://code.google.com/chrome/extensions/trunk/docs.html" title="Official Google Chrome Extensions documentation" style="color:rgb(0, 0, 204);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:right;text-decoration:underline;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">Docs</a>
  44. </li><li style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:right;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">
  45. <a shape="rect" href="http://code.google.com/chrome/extensions/trunk/faq.html" title="Answers to frequently asked questions about Google Chrome Extensions" style="color:rgb(0, 0, 204);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:right;text-decoration:underline;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">FAQ</a>
  46. </li><li style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:right;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">
  47. <a shape="rect" href="http://code.google.com/chrome/extensions/trunk/samples.html" title="Sample extensions (with source code)" style="color:rgb(0, 0, 204);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:right;text-decoration:underline;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">Samples</a>
  48. </li><li style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:right;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">
  49. <a shape="rect" href="http://groups.google.com/a/chromium.org/group/chromium-extensions" title="Google Chrome Extensions developer forum" style="color:rgb(0, 0, 204);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:right;text-decoration:underline;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">Group</a>
  50. </li><li style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:right;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">
  51. <a shape="rect" href="http://stackoverflow.com/questions/tagged/google-chrome-extension" title="[google-chrome-extension] tag on Stack Overflow" style="color:rgb(0, 0, 204);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:right;text-decoration:underline;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">Questions?</a>
  52. </li></ul>
  53. </div>
  54. <div style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">
  55.  
  56. <div style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">
  57. <ul style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;"><li><a shape="rect" href="http://code.google.com/chrome/extensions/trunk/getstarted.html" style="color:rgb(0, 0, 204);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:underline;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">Getting Started</a></li><li><a shape="rect" href="http://code.google.com/chrome/extensions/trunk/overview.html" style="color:rgb(0, 0, 204);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:underline;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">Overview</a></li><li><a shape="rect" href="http://code.google.com/chrome/extensions/trunk/whats_new.html" style="color:rgb(0, 0, 204);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:underline;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">What's New?</a></li><li style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;"><h2><a shape="rect" href="http://code.google.com/chrome/extensions/trunk/devguide.html" style="color:rgb(0, 0, 204);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:bold;text-align:-webkit-auto;text-decoration:underline;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">Developer's Guide</a></h2>
  58. <ul style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;"><li style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;"><a shape="rect" style="color:rgb(0, 0, 204);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;" />Browser UI
  59.  
  60. </li><li style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;"><a shape="rect" style="color:rgb(0, 0, 204);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;" />Browser Interaction
  61.  
  62. </li><li style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;"><a shape="rect" style="color:rgb(0, 0, 204);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;" />Implementation
  63.  
  64. </li><li style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;"><a shape="rect" style="color:rgb(0, 0, 204);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;" />Finishing
  65.  
  66. </li></ul>
  67. </li><li><h2><a shape="rect" href="http://code.google.com/chrome/extensions/trunk/apps.html" style="color:rgb(0, 0, 204);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:bold;text-align:-webkit-auto;text-decoration:underline;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">Packaged Apps</a></h2></li><li style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;"><h2><a shape="rect" href="http://code.google.com/chrome/extensions/trunk/tutorials.html" style="color:rgb(0, 0, 204);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:bold;text-align:-webkit-auto;text-decoration:underline;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">Tutorials</a></h2>
  68. <ul style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;"><li><a shape="rect" href="http://code.google.com/chrome/extensions/trunk/tut_debugging.html" style="color:rgb(0, 0, 204);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:underline;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">Debugging</a></li><li style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">Google Analytics</li><li><a shape="rect" href="http://code.google.com/chrome/extensions/trunk/tut_oauth.html" style="color:rgb(0, 0, 204);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:underline;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">OAuth</a></li></ul>
  69. </li><li style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;"><h2 style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:bold;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">Reference</h2>
  70. <ul style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;"><li style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;"><a shape="rect" style="color:rgb(0, 0, 204);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;" />Formats
  71.  
  72. </li><li><a shape="rect" href="http://code.google.com/chrome/extensions/trunk/permission_warnings.html" style="color:rgb(0, 0, 204);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:underline;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">Permission Warnings</a></li><li><a shape="rect" href="http://code.google.com/chrome/extensions/trunk/api_index.html" style="color:rgb(0, 0, 204);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:underline;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">chrome.* APIs</a></li><li><a shape="rect" href="http://code.google.com/chrome/extensions/trunk/api_other.html" style="color:rgb(0, 0, 204);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:underline;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">Other APIs</a></li></ul>
  73. </li><li><h2><a shape="rect" href="http://code.google.com/chrome/extensions/trunk/samples.html" style="color:rgb(0, 0, 204);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:bold;text-align:-webkit-auto;text-decoration:underline;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">Samples</a></h2></li></ul><div style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;" />
  74. <ul><li style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;"><h2 style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:bold;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">More</h2>
  75. <ul style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;"><li><a shape="rect" href="http://code.google.com/chrome/webstore/docs/index.html" style="color:rgb(0, 0, 204);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:underline;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">Chrome Web Store</a></li><li><a shape="rect" href="http://code.google.com/chrome/apps/docs/developers_guide.html" style="color:rgb(0, 0, 204);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:underline;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">Hosted Apps</a></li><li><a shape="rect" href="http://code.google.com/chrome/extensions/trunk/themes.html" style="color:rgb(0, 0, 204);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:underline;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">Themes</a></li></ul>
  76. </li></ul>
  77. </div>
  78.  
  79. <div style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">
  80. <div style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">
  81. <h1 style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:22px;font-style:normal;font-variant:normal;font-weight:bold;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">Tutorial: Google Analytics</h1>
  82. </div>
  83.  
  84. <div style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">
  85. <h2 style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:bold;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">Contents</h2>
  86. <ol style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;"><li style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">
  87. <a shape="rect" href="#toc-requirements" style="color:rgb(0, 0, 204);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:underline;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">Requirements</a>
  88. <ol style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;"/>
  89. </li><li style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">
  90. <a shape="rect" href="#toc-installing" style="color:rgb(0, 0, 204);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:underline;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">Installing the tracking code</a>
  91. <ol style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;"/>
  92. </li><li style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">
  93. <a shape="rect" href="#toc-tracking-pageviews" style="color:rgb(0, 0, 204);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:underline;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">Tracking page views</a>
  94. <ol style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;"/>
  95. </li><li style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">
  96. <a shape="rect" href="#toc-debugging" style="color:rgb(0, 0, 204);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:underline;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">Monitoring analytics requests</a>
  97. <ol style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;"/>
  98. </li><li style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">
  99. <a shape="rect" href="#toc-tracking-events" style="color:rgb(0, 0, 204);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:underline;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">Tracking events</a>
  100. <ol style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;"/>
  101. </li><li style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">
  102. <a shape="rect" href="#toc-samplecode" style="color:rgb(0, 0, 204);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:underline;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">Sample code</a>
  103. <ol style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;"/>
  104. </li></ol>
  105. </div>
  106.  
  107.  
  108.  
  109. <div style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">
  110.  
  111. <p style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">This tutorial demonstrates using Google Analytics to track the usage of your
  112. extension.</p>
  113. <h2 style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:17px;font-style:normal;font-variant:normal;font-weight:bold;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">Requirements</h2>
  114. <p style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">
  115. This tutorial expects that you have some familiarity writing extensions for
  116. Google Chrome. If you need information on how to write an extension, please
  117. read the <a shape="rect" href="http://code.google.com/chrome/extensions/trunk/gettingstarted.html" style="color:rgb(0, 0, 204);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:underline;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">Getting Started tutorial</a>.
  118. </p>
  119. <p style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">
  120. You will also need a <a shape="rect" href="http://www.google.com/analytics" style="color:rgb(0, 0, 204);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:underline;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">Google
  121. Analytics account</a> set up to track your extension. Note that when setting
  122. up the account, you can use any value in the Website's URL field, as your
  123. extension will not have an URL of its own.
  124. </p>
  125. <p style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:center;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">
  126. <img src="Tutorial%3A%20Google%20Analytics%20-%20Google%20Chrome%20Extensions%20-%20Google%20Code.resources/c992e71891bc73710a4c6c2ff6641754.png" height="82" width="400"/>
  127. </p>
  128. <h2 style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:17px;font-style:normal;font-variant:normal;font-weight:bold;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">Installing the tracking code</h2>
  129. <p style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">
  130. The standard Google Analytics tracking code snippet fetches a file named
  131. <code style="color:rgb(0, 112, 0);font-family:monospace;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">ga.js</code> from an SSL protected URL if the current page
  132. was loaded using the <code style="color:rgb(0, 112, 0);font-family:monospace;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">https://</code> protocol. <strong style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:bold;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">Chrome
  133. extensions and applications may <em style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:italic;font-variant:normal;font-weight:bold;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">only</em> use the SSL-protected version of
  134. <code style="color:rgb(0, 112, 0);font-family:monospace;font-size:13px;font-style:normal;font-variant:normal;font-weight:bold;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">ga.js</code></strong>. Loading <code style="color:rgb(0, 112, 0);font-family:monospace;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">ga.js</code> over insecure HTTP is
  135. disallowed by Chrome's default <a shape="rect" href="http://code.google.com/chrome/extensions/trunk/contentSecurityPolicy.html" style="color:rgb(0, 0, 204);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:underline;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">Content
  136. Security Policy</a>. This, plus the fact that Chrome extensions are hosted
  137. under the <code style="color:rgb(0, 112, 0);font-family:monospace;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">chrome-extension://</code> schema, requires a slight
  138. modification to the usual tracking snippet to pull <code style="color:rgb(0, 112, 0);font-family:monospace;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">ga.js</code> directly
  139. from <code style="color:rgb(0, 112, 0);font-family:monospace;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">https://ssl.google-analytics.com/ga.js</code> instead of the
  140. default location.
  141. </p>
  142. <p style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">
  143. Below is a modified snippet for the
  144. <a shape="rect" href="http://code.google.com/apis/analytics/docs/tracking/asyncTracking.html" style="color:rgb(0, 0, 204);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:underline;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">asynchronous
  145. tracking API</a> (the modified line is bolded):
  146. </p>
  147. <pre style="color:rgb(0, 112, 0);font-family:monospace;font-size:12px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">(function() {
  148. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  149. <strong style="color:rgb(0, 112, 0);font-family:monospace;font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">ga.src = 'https://ssl.google-analytics.com/ga.js';</strong>
  150. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  151. })();
  152. </pre>
  153. <p style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">
  154. You'll also need to ensure that your extension has access to load the resource
  155. by relaxing the default content security policy. The policy definition in your
  156. <a shape="rect" href="http://code.google.com/chrome/extensions/trunk/manifest.html"><code style="color:rgb(0, 112, 0);font-family:monospace;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">manifest.json</code></a> might look like:
  157. </p>
  158. <pre style="color:rgb(0, 112, 0);font-family:monospace;font-size:12px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">{
  159. ...,
  160. "content_security_policy": "script-src 'self' https://ssl.google-analytics.com; object-src 'self'",
  161. ...
  162. }</pre>
  163. <p style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">
  164. Here is a popup page (<code style="color:rgb(0, 112, 0);font-family:monospace;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">popup.html</code>) which loads the asynchronous
  165. tracking code via an external JavaScript file (<code style="color:rgb(0, 112, 0);font-family:monospace;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">popup.js</code>) and
  166. tracks a single page view:
  167. </p>
  168. <pre style="color:rgb(0, 112, 0);font-family:monospace;font-size:12px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">popup.js:
  169. =========
  170. var _gaq = _gaq || [];
  171. _gaq.push(['_setAccount', 'UA-XXXXXXXX-X']);
  172. _gaq.push(['_trackPageview']);
  173. (function() {
  174. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  175. ga.src = 'https://ssl.google-analytics.com/ga.js';
  176. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  177. })();
  178. popup.html:
  179. ===========
  180. &lt;!DOCTYPE html&gt;
  181. &lt;html&gt;
  182. &lt;head&gt;
  183. ...
  184. &lt;script src="popup.js"&gt;&lt;/script&gt;
  185. &lt;/head&gt;
  186. &lt;body&gt;
  187. ...
  188. &lt;/body&gt;
  189. &lt;/html&gt;
  190. </pre>
  191. <p style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">
  192. Keep in mind that the string <code style="color:rgb(0, 112, 0);font-family:monospace;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">UA-XXXXXXXX-X</code> should be replaced
  193. with your own Google Analytics account number.
  194. </p>
  195. <h2 style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:17px;font-style:normal;font-variant:normal;font-weight:bold;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">Tracking page views</h2>
  196. <p style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">
  197. The <code style="color:rgb(0, 112, 0);font-family:monospace;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">_gaq.push(['_trackPageview']);</code> code will track a single
  198. page view. This code may be used on any page in your extension. When
  199. placed on a background page, it will register a view once per browser
  200. session. When placed on a popup, it will register a view once every time
  201. the popup is opened.
  202. </p>
  203. <p style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">
  204. By looking at the page view data for each page in your extension, you can
  205. get an idea of how many times your users interact with your extension per
  206. browser session:
  207. </p>
  208. <p style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:center;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">
  209. <img src="Tutorial%3A%20Google%20Analytics%20-%20Google%20Chrome%20Extensions%20-%20Google%20Code.resources/e9fde0fa024bea78c525884cb9297966.png" height="119" width="300"/>
  210. </p>
  211. <h2 style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:17px;font-style:normal;font-variant:normal;font-weight:bold;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">Monitoring analytics requests</h2>
  212. <p style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">
  213. To ensure that tracking data from your extension is being sent to Google
  214. Analytics, you can inspect the pages of your extension in the
  215. Developer Tools window (see the
  216. <a shape="rect" href="http://code.google.com/chrome/extensions/trunk/tut_debugging.html" style="color:rgb(0, 0, 204);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:underline;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">debugging tutorial</a> for more information).
  217. As the following figure shows, you should see requests for a file named
  218. <strong style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:bold;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">__utm.gif</strong> if everything is set up correctly.
  219. </p>
  220. <p style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:center;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">
  221. <img src="Tutorial%3A%20Google%20Analytics%20-%20Google%20Chrome%20Extensions%20-%20Google%20Code.resources/05dd7bbd5c6653e014aa36b7ca0b0d87.png" height="418" width="683"/>
  222. </p>
  223. <h2 style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:17px;font-style:normal;font-variant:normal;font-weight:bold;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">Tracking events</h2>
  224. <p style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">
  225. By configuring event tracking, you can determine which parts of your
  226. extension your users interact with the most. For example, if you have
  227. three buttons users may click:
  228. </p>
  229. <pre style="color:rgb(0, 112, 0);font-family:monospace;font-size:12px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;"> &lt;button id='button1'&gt;Button 1&lt;/button&gt;
  230. &lt;button id='button2'&gt;Button 2&lt;/button&gt;
  231. &lt;button id='button3'&gt;Button 3&lt;/button&gt;
  232. </pre>
  233. <p style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">
  234. Write a function that sends click events to Google Analytics:
  235. </p>
  236. <pre style="color:rgb(0, 112, 0);font-family:monospace;font-size:12px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;"> function trackButton(e) {
  237. _gaq.push(['_trackEvent', e.target.id, 'clicked']);
  238. };
  239. </pre>
  240. <p style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">
  241. And use it as an event handler for each button's click:
  242. </p>
  243. <pre style="color:rgb(0, 112, 0);font-family:monospace;font-size:12px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;"> var buttons = document.querySelectorAll('button');
  244. for (var i = 0; i &lt; buttons.length; i++) {
  245. buttons[i].addEventListener('click', trackButtonClick);
  246. }
  247. </pre>
  248. <p style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">
  249. The Google Analytics event tracking overview page will give you metrics
  250. regarding how many times each individual button is clicked:
  251. </p>
  252. <p style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:center;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">
  253. <img src="Tutorial%3A%20Google%20Analytics%20-%20Google%20Chrome%20Extensions%20-%20Google%20Code.resources/1db617db08535b65603e3f7257d88214.png" height="482" width="300"/>
  254. </p>
  255. <p style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">
  256. By using this approach, you can see which parts of your extension are
  257. under-or-overutilized. This information can help guide decisions about UI
  258. redesigns or additional functionality to implement.
  259. </p>
  260. <p style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">
  261. For more information about using the event tracking API, see the
  262. Google Analytics
  263. <a shape="rect" href="http://code.google.com/apis/analytics/docs/tracking/eventTrackerOverview.html" style="color:rgb(0, 0, 204);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:underline;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">developer
  264. documentation</a>.
  265. </p>
  266. <h2 style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:17px;font-style:normal;font-variant:normal;font-weight:bold;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">Sample code</h2>
  267. <p style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">
  268. A sample extension that uses these techniques is
  269. available in the Chromium source tree:
  270. </p>
  271. <blockquote style="color:rgb(0, 0, 0);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:justify;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">
  272. <a shape="rect" href="http://src.chromium.org/viewvc/chrome/trunk/src/chrome/common/extensions/docs/examples/tutorials/analytics/" style="color:rgb(0, 0, 204);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:justify;text-decoration:underline;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">.../examples/tutorials/analytics/</a>
  273. </blockquote>
  274. <p/>
  275. </div>
  276.  
  277.  
  278. </div>
  279. </div>
  280. </div>
  281. <div style="color:rgb(102, 102, 102);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:-webkit-auto;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">
  282. <div style="color:rgb(102, 102, 102);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:center;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">
  283. <p style="color:rgb(102, 102, 102);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:center;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">
  284. Except as otherwise <a shape="rect" href="http://code.google.com/policies.html#restrictions" style="color:rgb(0, 0, 204);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:center;text-decoration:underline;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">noted</a>,
  285. the content of this page is licensed under the <a shape="rect" rel="license" href="http://creativecommons.org/licenses/by/3.0/" style="color:rgb(0, 0, 204);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:center;text-decoration:underline;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">Creative Commons
  286. Attribution 3.0 License</a>, and code samples are licensed under the
  287. <a shape="rect" rel="license" href="http://code.google.com/google_bsd_license.html" style="color:rgb(0, 0, 204);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:center;text-decoration:underline;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">BSD License</a>.
  288. </p>
  289. <p style="color:rgb(102, 102, 102);font-family:Helvetica, Arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;text-align:center;text-decoration:none;text-indent:0px;text-rendering:auto;text-shadow:none;text-overflow:clip;text-transform:none;color-interpolation:srgb;color-interpolation-filters:linearrgb;color-rendering:auto;text-anchor:start;">
  290. ©2011 Google
  291. </p>
  292.  
  293.  
  294.  
  295.  
  296.  
  297. </div>
  298. </div>
  299. </div>
  300.  
  301. </div></body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement