HTML5 Appcache causing problems with Google Analytics

Question

I have an appcache file on my website which looks like this:

CACHE MANIFEST
# V1.691 1-18-2013 10:57 PM

# cache 

index.html
about.html
services.html
contact.html
css/signika.css
css/mq.css
css/index.css
css/about.css
css/services.css
css/contact.css
assets/signika_400.woff    
assets/signika_600.woff
js/jquery.js
js/html5.js
js/index.js
js/mq.js
js/services.js
mail.php
images/chicken.png
images/salad.png
images/soup.png
images/steak.png
images/wontons.png

# network

https://google-analytics.com/ga.js

I feel like this is causing a conflict with the google analytics file that is being retrieved...but I don't know how.

Can anyone enlighten me?

Answer 1

Try adding the CACHE: header and NETWORK: header, like this:

CACHE MANIFEST
# V1.691 1-18-2013 10:57 PM

# cache
CACHE:

index.html
about.html
...
images/steak.png
images/wontons.png

# network
NETWORK:

https://google-analytics.com/ga.js

The lines beginning with # are comments, and thus are ignored.

For further information, checkout the wiki page or this tutorial about HTML5 cache manifest .

Answer 2

The cache manifest specification allows wildcards under the "NETWORK:" heading. This code will allow http: or https: to work properly as well as the gif file that actually gets retrieved and does the tracking.

NETWORK:
*

I initially added the ga.js to my CACHE: and kept on getting an error retrieving the gif file, until I added the code above.