Extensions Docs Server: Doc conversion script - SVN

chrome/common/extensions/docs/server2/templates/articles/tut_analytics.html

-<div id="pageData-name" class="pageData">Tutorial: Google Analytics</div>
-<div id="pageData-showTOC" class="pageData">true</div>
+<h1>Tutorial: Google Analytics</h1>
+
 
 <p>This tutorial demonstrates using Google Analytics to track the usage of your
 extension.</p>
 
 <h2 id="toc-requirements">Requirements</h2>
 <p>
   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 href="gettingstarted.html">Getting Started tutorial</a>.
 </p>
 
 <p>
   You will also need a <a href="http://www.google.com/analytics">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="text-align: center">
-  <img src="../images/tut_analytics/screenshot01.png"
+  <img src="{{static}}/images/tut_analytics/screenshot01.png"
        style="width:400px;height:82px;"
        alt="The analytics setup with info for a chrome extension filled out." />
 </p>
 
 <h2 id="toc-installing">Installing the tracking code</h2>
 
 <p>
   The standard Google Analytics tracking code snippet fetches a file named
   <code>ga.js</code> from an SSL protected URL if the current page
   was loaded using the <code>https://</code> protocol.  <strong>Chrome
@@ skipping 81 matching lines @@
   the popup is opened.
 </p>
 
 <p>
   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="text-align: center">
-  <img src="../images/tut_analytics/screenshot02.png"
+  <img src="{{static}}/images/tut_analytics/screenshot02.png"
        style="width:300px;height:119px;"
        alt="Analytics view of the top content for a site." />
 </p>
 
 <h2 id="toc-debugging">Monitoring analytics requests</h2>
 
 <p>
   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 href="tut_debugging.html">debugging tutorial</a> for more information).
   As the following figure shows, you should see requests for a file named
   <strong>__utm.gif</strong> if everything is set up correctly.
 </p>
 
 <p style="text-align: center">
-  <img src="../images/tut_analytics/screenshot04.png"
+  <img src="{{static}}/images/tut_analytics/screenshot04.png"
        style="width:683px;height:418px;"
        alt="Developer Tools window showing the __utm.gif request" />
 </p>
 
 <h2 id="toc-tracking-events">Tracking events</h2>
 
 <p>
   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:
@@ skipping 25 matching lines @@
     buttons[i].addEventListener('click', trackButtonClick);
   }
 </pre>
 
 <p>
   The Google Analytics event tracking overview page will give you metrics
   regarding how many times each individual button is clicked:
 </p>
 
 <p style="text-align: center">
-  <img src="../images/tut_analytics/screenshot03.png"
+  <img src="{{static}}/images/tut_analytics/screenshot03.png"
        style="width:300px;height:482px;"
        alt="Analytics view of the event tracking data for a site." />
 </p>
 
 <p>
   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>
   For more information about using the event tracking API, see the
   Google Analytics
   <a href="http://code.google.com/apis/analytics/docs/tracking/eventTrackerOverview.html">developer
   documentation</a>.
 </p>
 
 <h2 id="toc-samplecode">Sample code</h2>
 
 <p>
   A sample extension that uses these techniques is
   available in the Chromium source tree:
 </p>
 
 <blockquote>
   <a href="http://src.chromium.org/viewvc/chrome/trunk/src/chrome/common/extensions/docs/examples/tutorials/analytics/">.../examples/tutorials/analytics/</a>
-</blockquote>
-</p>
+</blockquote>