Change banner text, add outbound link tracking (#9990)

* change banner text, add outbound link tracking * linting
gatsbyjs · Nov 16, 2018 · fb7abb5 · fb7abb5
1 parent e83dbc6
commit fb7abb5
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 8 deletions.
diff --git 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
@@ -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} />