How to Add Google Analytics Insights in Cosmic JS


Cosmic JS Extensions make it possible to extend the functionality of Cosmic JS for both the developer and editor. Developers are given a canvas to create interactive views, connect to third-party APIs and customize the editor experience. 

A recent example built by the Cosmic JS Community is the Google Analytics Extension, which allows team members to easily see analytics insights directly in their Cosmic JS Bucket Dashboard. In this blog I'll show you how to install and integrate the Google Analytics Extension into your Cosmic JS Dashboard in 3 easy steps.

TL;DR:
Google Analytics Extension
Google Analytics Extension Codebase
Google Analytics Extension Article


Step 1: Install the Google Analytics Extension to your Cosmic JS Bucket


Step 2: Connect Your Extension to Google Analytics via your View ID


Your Google Analytics View ID is found in GA > Settings > View Settings > View ID


Step 3: View Insights and Analytics all from your Cosmic JS Dashboard 🚀


The entire process of installing the extension and accessing your Google Analytics with your View ID Key is demonstrated in this 30-second video. 


I hope that you've found this tutorial helpful. If you have questions or comments about Content Editor Features in the Cosmic JS system, I'd love to hear about them. You can refer to my Cosmic JS Profile for additional content on how to intuitively navigate the Cosmic JS Dashboard. 

carson@cosmicjs.com 

Was this article helpful?

Thank you! Your input helps us improve our articles and resources. If you have any other questions or comments, please contact support.

You may also like


Use Cosmic JS as a seamless content management system for displaying large amounts of educational data
This article will demonstrate how to build a simple ecommerce website with the purpose of showing how we can offer a customized experience for everyone. Our data will be stored and served by Cosmic JS and we will use Angular for our Front-End.
In this tutorial, I'm going to show you how to create a elegant Recipe App using Vue2, Vuex, Vuetify and Cosmicjs.
A website boilerplate satisfies some common website requirements including dynamic pages, blog articles, author management, SEO ability, contact form and website search.
In this tutorial, Cosmic JS co-founder Tony Spiro takes you on a tour of Cosmic JS Webhooks. Learn how webhooks work, see how to easily install integrations with Slack, auto-deploy websites to Netlify, and get an intro to Cosmic JS Functions.
In this tutorial I'm going to show you how to build a component-based website using Cosmic JS.