diff --git a/www/src/components/layout.js b/www/src/components/layout.js
index 6ff8e916a43b0..75b5d9ff02c17 100644
--- a/www/src/components/layout.js
+++ b/www/src/components/layout.js
@@ -1,6 +1,7 @@
 import React from "react"
 import Modal from "react-modal"
 import { SkipNavLink } from "@reach/skip-nav"
+import { OutboundLink } from "gatsby-plugin-google-analytics"
 import MdClose from "react-icons/lib/md/close"
 import { navigate, PageRenderer } from "gatsby"
 import presets, { colors } from "../utils/presets"
@@ -151,7 +152,7 @@ class DefaultLayout extends React.Component {
         <SkipNavLink css={styles.skipLink}>Skip to main content</SkipNavLink>
         <Banner background={isHomepage ? `#402060` : false}>
           {/* !!! If you change the children of Banner remember to do the same in layout/layout-with-heading.js */}
-          <a
+          <OutboundLink
             href="https://www.gatsbyjs.com/content-mesh-contentful"
             css={{
               color: `#fff`,
@@ -160,9 +161,9 @@ class DefaultLayout extends React.Component {
               },
             }}
           >
-            Register now
-          </a>
-          {` for “Rise of the Content Mesh: Webcast with Contentful and Gatsby”.`}
+            Watch
+          </OutboundLink>
+          {`: “Rise of the Content Mesh: Webcast with Contentful and Gatsby”.`}
         </Banner>
         <Navigation pathname={this.props.location.pathname} />
         <div
diff --git a/www/src/components/layout/layout-with-heading.js b/www/src/components/layout/layout-with-heading.js
index 23de5e965e236..69cabe8575608 100644
--- a/www/src/components/layout/layout-with-heading.js
+++ b/www/src/components/layout/layout-with-heading.js
@@ -2,6 +2,7 @@ import React from "react"
 import PropTypes from "prop-types"
 import Helmet from "react-helmet"
 import { SkipNavLink } from "@reach/skip-nav"
+import { OutboundLink } from "gatsby-plugin-google-analytics"
 import styled from "react-emotion"
 
 import Banner from "../banner"
@@ -79,7 +80,7 @@ const LayoutWithHeading = props => {
       <StyledSkipNavLink>Skip to main content</StyledSkipNavLink>
 
       <Banner>
-        <a
+        <OutboundLink
           href="https://www.gatsbyjs.com/content-mesh-contentful"
           css={{
             color: `#fff`,
@@ -88,9 +89,9 @@ const LayoutWithHeading = props => {
             },
           }}
         >
-          Register now
-        </a>
-        {` for “Rise of the Content Mesh: Webcast with Contentful and Gatsby”.`}
+          Watch
+        </OutboundLink>
+        {`: “Rise of the Content Mesh: Webcast with Contentful and Gatsby”.`}
       </Banner>
 
       <Navigation pathname={props.location.pathname} />