After getting up and running I recently decided to add to it, to understand what content people were most interested in. At first this was amazing as I could see which blog posts were getting the most traction, but after a while it became a bit of a pain to log into my Google Analytics dashboard when all I wanted was to quickly see the page view count of a blog post. my blog Google Analytics Wouldn't it be easier to just go to my site and see the page view count displayed on each blog post? It most certainly would, and so that's what I set out to build. Since Google Analytics has a powerful API, all I really needed to do was call that API and retrieve my information, but ideally I wouldn't want to be making that call directly from this blog as that would mean exposing my API key and any other sensitive information to anyone who knows hows how to press F12. TL;DR Here is the GitHub repository for the serverless function that I wrote for retrieving Google Analytics page views. Since this blog is setup to be completely free (aside from the domain name), leveraging for the hosting, for images and for the content management system, I definitely wouldn't want to pay for running a back-end (especially one that was simply fetching stats from Google Analytics). And that's where Netlify functions come in. Netlify has a very generous free plan that allows 125k function executions and 100 hours execution time, a quota that this blog would never reach within 1 month, and this seemed like a perfect fit for what I needed. Netlify Cloudinary Ghost So let's dive into creating the serverless function for retrieving Google Analytics metrics. Building the Google Analytics Serverless Function As one does, I googled how to setup a Netlify function and came across this amazing blog post on the official Netlify blog which described . how to run Express.js apps with Netlify functions Described in the above post is how AWS Lambda functions work at a high level, which is important since Netlify functions seems to be built ontop of that infrastructure. It also describes how the npm package translates between the function and object of Lambda functions to the and objects used in Express, allowing you to easily run Express.js apps as serverless functions. In fact , the guidance given should apply to any web framework built upon Node.js's module. serverless-http callback event req res http Google Analytics authentication In order to get access to your Google Analytics data you will need to authenticate when using the API. In order to do this, you will need to do the following: Create a new Google API Project. Enable the Google Analytics Reporting API. Create authentication credentials (Service account key) and generate a JSON key file. Add the created service account user to your Google Analytics instance in the User Management section. Retrieve the for your website on Google Analytics. View ID The following blog posts have detailed descriptions on and . how to authenticate with google analytics interacting with google analytics Once you've setup your Google API project with the correct permissions you can simply create a JWT object and call authorize on it, like this: jwt = google.auth.JWT(process.env.GA_CLIENT_EMAIL, , process.env.GA_PRIVATE_KEY, ); jwt.authorize() //create jwt object const new null 'https://www.googleapis.com/auth/analytics.readonly' //authorize using jwt object await Fetching Google Analytics page views As I said in the beginning of this post, Google Analytics has a powerful API exposing a vast array of metrics and dimensions which you can view . here After identifying the metric and dimension you would like to extract from Google Analytics, you can use the npm package to retrieve the data you want. Google API's { defaults = { : jwt, : + process.env.GA_VIEW_ID,
  } jwt.authorize() metricRequestOptions = {
    ...defaults, : startDate, : , : , : }; (pagePath)
    metricRequestOptions.filters = result = google.analytics( ).data.ga.get(metricRequestOptions) result.data.rows;
} /**
 * Retrieves unique page views from Google Analytics
 * @param {*} pagePath the path to filter from results
 */ async ( ) function getUniquePageViews pagePath const 'auth' 'ids' 'ga:' await const 'start-date' 'end-date' 'today' 'metrics' 'ga:uniquePageviews' 'dimensions' 'ga:pagePath' if `ga:pagePath== ` ${pagePath} const await 'v3' return Executing the above request should return the page paths along with the number of unique page views [
    [ , ],
    [ , ],
    ...
] "/continuous-monitoring-using-flood-element-and-azure-devops/" "46" "/securing-traefik-dashboard-with-azure-ad/" "80" Once your serverless function is working correctly, you can then easily deploy it to Netlify. The full source code can be found here Using this, I was able to get the unique page views to simply show up on my blog instead of having to go to the Google Analytics dashboard every time. Endless possibilities In this blog post we've gone through a very simple use case of how Netlify functions can be leveraged but the possibilities are truly endless. How do you use serverless functions currently? Leave a comment and share your thoughts. Previously published at https://javaadpatel.com/get-page-views-from-google-analytics-using-a-netlify-serverless-function/

Google

Read My Stories

Too Long; Didn't Read

Make resilience your competitive advantage

How To Get Page Views From Google Analytics via a Netlify Serverless function

About Author

Comments

TOPICS

THIS ARTICLE WAS FEATURED IN

Related Stories

Untitled Story

42 Stories To Learn About Expressjs

6 Reasons Why You Should Not Connect Express.js And AWS Lambda

A Beginner’s Guide to NPM Packages

A Practical Guide to Implementing User Authentication using JavaScript and Express

A Quick Guide to Handling Express.js Errors in Your Application

42 Stories To Learn About Expressjs

6 Reasons Why You Should Not Connect Express.js And AWS Lambda

A Beginner’s Guide to NPM Packages

A Practical Guide to Implementing User Authentication using JavaScript and Express

A Quick Guide to Handling Express.js Errors in Your Application

Light-Mode

Classic

Newspaper

Dark-Mode

Neon Noir

Minty

HN StartUps