Google Analytics says "Tracking Not Installed" but I see it working?

Question

My site www.katievb.com is a blog hosted by blogspot.com. I've created a Google Analytics account and registered a "Universal Analytics" property. It provided a unique UA ID and some code to embed in the HTML that looks similar to this:

<script>   (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-XXXXXXXX-X', 'katievb.com');   ga('send', 'pageview');  </script> 

I did this probably about 24 hours ago. The GA admin page has said "Status: Tracking Not Installed" this whole time. However, GA Real-Time actually does track my visits. (I can use Firefox on a Mac and in real-time see that on the Analytics screen, and then I can go over to a Windows computer with Chrome and visit katievb.com and see that on the real-time screen too.)

In blogspot's settings, I intentionally did NOT populate the Settings > Other > Analytics Web Property ID because it appeared to me that that would expect that I was using the old-style Google Analytics (ga.js) and not this new kind (analytics.js).

Also, I then replicated this in a completely independent pair of blogspot/GA accounts.

Why does it say "Tracking Not Installed"? It seems to be tracking, and I'm not sure what I'm supposed to change about how I installed it.

I've read the instructions many times and have tried different versions of their code and placing it in different locations, such as prior to </head> or </body>.

Answer 1

Eventually it started working. I think it took a day or 2 for the status to accurately reflect that tracking had been properly installed. It's bizarre... because Real-time was working, so I would have guessed that Google's status code would have been able to be updated real-time too.