title: How to use Google Analytics to track cross-domain image loads?
body: <p>I have a simple-cheezy web site set up on Neocities for the single and sole purpose of hosting a single image. There is no other content, and this free web-hosting service exists only to host the single image. The reason why I am hosting the image here, is that I have another web hosting service provider where I wish to display the image, but the second provider <code>does not support Google Analytics</code>; Neocities does. </p>
  
  <p>I'd like to embed the image (which is my organization's logo, so it's use is legal and users aren't getting stuffed with the typical, rogue blank gif). Sounds like Google Analytics could simply track image loads, where the image is hosted on Neocities and loaded via page views to the other web page. </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;title&gt;The web site of abcdz&lt;/title&gt;
      &lt;!-- The style.css file allows you to change the look of your web pages.
           If you include the next line in all your web pages, they will all share the same look.
           This makes it easier to make new pages for your site. --&gt;
      &lt;link href="/style.css" rel="stylesheet" type="text/css" media="all"&gt;
  &lt;script&gt;
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  
    ga('create', 'UA-xxxxxxxxx-2', 'auto');
    ga('send', 'pageview');
  
  &lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
    &lt;a target="_blank" href="http://www.abz.com/abcd/index.htm" id="anch_90" style="display: block; width: 80px; margin: auto"&gt;&lt;img class="" 
    src="  http://abcdz.neocities.org/logo.png" width="200" height="260"
    alt="Organization Name." 
    title="Organization Name."&gt;&lt;/a&gt;
  
  
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>So back to my second web site, I embed the following, so users see my organization logo, and when they click on it, a new page opens to my organization home page. Just to reiterate, the second web host does not support Google Analytics, only simple HTML customization (I can't access head content), it is something like a CMS-style application. </p>
  
  <pre><code>  &lt;a target="_blank" href="http://www.abz.com/abcd/index.htm" id="anch_90" style="display: block; width: 80px; margin: auto"&gt;&lt;img class="" 
    src="  http://abcdz.neocities.org/logo.png" width="200" height="260"
    alt="organization Name." 
    title="Organization Name."&gt;&lt;/a&gt;
  </code></pre>
  
  <p>Set up GA, seems to be working, when I visit <a href="http://abcdz.neocities.org/" rel="nofollow">http://abcdz.neocities.org/</a>, GA statistics register the hit. </p>
  
  <p>When I visit the other web page, which is loading only <a href="http://abcdz.neocities.org/logo.png" rel="nofollow">http://abcdz.neocities.org/logo.png</a>, no GA "hits". Obviously, GA is tracking page views, but no tracking access to the logo.png that is embedded in the page but accessed cross-domain. </p>
  
  <p>Certainly other people are doing this successfully, but how? </p>