Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <?xml version="1.0" encoding="UTF-8" standalone="yes"?>
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <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;">
- <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;">
- <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.
- It may not work with the stable release of Chrome.</span>
- </div>
- <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;">
- <a shape="rect"/>
- <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;">
- <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>
- <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>
- </div>
- <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;">
- <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;">
- <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;">
- <br clear="none"/>
- <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>
- </div>
- </div>
- </td></tr></table>
- <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;">
- <a shape="rect"/>
- <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;">
- <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>
- <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;">
- <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>
- </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;">
- <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>
- </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;">
- <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>
- </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;">
- <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>
- </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;">
- <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>
- </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;">
- <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>
- </li></ul>
- </div>
- <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;">
- <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;">
- <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>
- <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
- </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
- </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
- </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
- </li></ul>
- </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>
- <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>
- </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>
- <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
- </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>
- </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;" />
- <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>
- <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>
- </li></ul>
- </div>
- <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;">
- <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;">
- <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>
- </div>
- <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;">
- <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>
- <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;">
- <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>
- <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><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" 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>
- <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><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" 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>
- <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><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" 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>
- <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><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" 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>
- <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><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" 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>
- <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></ol>
- </div>
- <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;">
- <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
- extension.</p>
- <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>
- <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 expects that you have some familiarity writing extensions for
- Google Chrome. If you need information on how to write an extension, please
- 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>.
- </p>
- <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;">
- 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
- Analytics account</a> set up to track your extension. Note that when setting
- up the account, you can use any value in the Website's URL field, as your
- extension will not have an URL of its own.
- </p>
- <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;">
- <img src="Tutorial%3A%20Google%20Analytics%20-%20Google%20Chrome%20Extensions%20-%20Google%20Code.resources/c992e71891bc73710a4c6c2ff6641754.png" height="82" width="400"/>
- </p>
- <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>
- <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;">
- The standard Google Analytics tracking code snippet fetches a file named
- <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
- 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
- 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
- <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
- 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
- Security Policy</a>. This, plus the fact that Chrome extensions are hosted
- 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
- 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
- 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
- default location.
- </p>
- <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;">
- Below is a modified snippet for the
- <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
- tracking API</a> (the modified line is bolded):
- </p>
- <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() {
- var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
- <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>
- var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
- })();
- </pre>
- <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;">
- You'll also need to ensure that your extension has access to load the resource
- by relaxing the default content security policy. The policy definition in your
- <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:
- </p>
- <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;">{
- ...,
- "content_security_policy": "script-src 'self' https://ssl.google-analytics.com; object-src 'self'",
- ...
- }</pre>
- <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;">
- 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
- 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
- tracks a single page view:
- </p>
- <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:
- =========
- var _gaq = _gaq || [];
- _gaq.push(['_setAccount', 'UA-XXXXXXXX-X']);
- _gaq.push(['_trackPageview']);
- (function() {
- var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
- ga.src = 'https://ssl.google-analytics.com/ga.js';
- var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
- })();
- popup.html:
- ===========
- <!DOCTYPE html>
- <html>
- <head>
- ...
- <script src="popup.js"></script>
- </head>
- <body>
- ...
- </body>
- </html>
- </pre>
- <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;">
- 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
- with your own Google Analytics account number.
- </p>
- <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>
- <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;">
- 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
- page view. This code may be used on any page in your extension. When
- placed on a background page, it will register a view once per browser
- session. When placed on a popup, it will register a view once every time
- the popup is opened.
- </p>
- <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;">
- By looking at the page view data for each page in your extension, you can
- get an idea of how many times your users interact with your extension per
- browser session:
- </p>
- <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;">
- <img src="Tutorial%3A%20Google%20Analytics%20-%20Google%20Chrome%20Extensions%20-%20Google%20Code.resources/e9fde0fa024bea78c525884cb9297966.png" height="119" width="300"/>
- </p>
- <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>
- <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;">
- To ensure that tracking data from your extension is being sent to Google
- Analytics, you can inspect the pages of your extension in the
- Developer Tools window (see the
- <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).
- As the following figure shows, you should see requests for a file named
- <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.
- </p>
- <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;">
- <img src="Tutorial%3A%20Google%20Analytics%20-%20Google%20Chrome%20Extensions%20-%20Google%20Code.resources/05dd7bbd5c6653e014aa36b7ca0b0d87.png" height="418" width="683"/>
- </p>
- <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>
- <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;">
- By configuring event tracking, you can determine which parts of your
- extension your users interact with the most. For example, if you have
- three buttons users may click:
- </p>
- <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;"> <button id='button1'>Button 1</button>
- <button id='button2'>Button 2</button>
- <button id='button3'>Button 3</button>
- </pre>
- <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;">
- Write a function that sends click events to Google Analytics:
- </p>
- <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) {
- _gaq.push(['_trackEvent', e.target.id, 'clicked']);
- };
- </pre>
- <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;">
- And use it as an event handler for each button's click:
- </p>
- <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');
- for (var i = 0; i < buttons.length; i++) {
- buttons[i].addEventListener('click', trackButtonClick);
- }
- </pre>
- <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;">
- The Google Analytics event tracking overview page will give you metrics
- regarding how many times each individual button is clicked:
- </p>
- <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;">
- <img src="Tutorial%3A%20Google%20Analytics%20-%20Google%20Chrome%20Extensions%20-%20Google%20Code.resources/1db617db08535b65603e3f7257d88214.png" height="482" width="300"/>
- </p>
- <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;">
- By using this approach, you can see which parts of your extension are
- under-or-overutilized. This information can help guide decisions about UI
- redesigns or additional functionality to implement.
- </p>
- <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;">
- For more information about using the event tracking API, see the
- Google Analytics
- <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
- documentation</a>.
- </p>
- <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>
- <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;">
- A sample extension that uses these techniques is
- available in the Chromium source tree:
- </p>
- <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;">
- <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>
- </blockquote>
- <p/>
- </div>
- </div>
- </div>
- </div>
- <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;">
- <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;">
- <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;">
- 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>,
- 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
- Attribution 3.0 License</a>, and code samples are licensed under the
- <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>.
- </p>
- <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;">
- ©2011 Google
- </p>
- </div>
- </div>
- </div>
- </div></body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement