{"version":3,"sources":["webpack:///./src/pages/integrations/google-analytics.js"],"names":["withIntegrationCardContext","sliderSettings","useStaticQuery","screen1","photos","img","screen2","childImageSharp","fluid","alt","title","map","key","className","href"],"mappings":"+FAAA,kGA8EeA,uBAtES,SAAC,GAAwB,IAAtBC,EAAqB,EAArBA,eACzB,EAA6BC,yBAAe,cAApCC,EAAR,EAAQA,QAkBFC,EAAS,CACb,CACEC,IApBJ,EAAiBC,QAoBAC,gBAAgBC,MAC7BC,IAAK,+BACLC,MAAO,+CAET,CACEL,IAAKF,EAAQI,gBAAgBC,MAC7BC,IAAK,+BACLC,MAAO,gDAGX,OACE,oCACE,kBAAC,IAAWT,EAAeG,GACxBA,EAAOO,KAAI,gBAAGN,EAAH,EAAGA,IAAKI,EAAR,EAAQA,IAAKC,EAAb,EAAaA,MAAb,OACV,yBAAKE,IAAKP,GACR,kBAAC,IAAD,CAAKG,MAAOH,EAAKI,IAAKA,EAAKC,MAAOA,SAIxC,yBAAKG,UAAU,WACb,wCACA,6bAOA,sHAIF,yBAAKA,UAAU,WACb,wCACA,wBAAIA,UAAU,cACZ,qFACA,uFACA,oEAGJ,8CACA,4GACiF,IAC/E,uBAAGC,KAAK,uCAAR,eAFF","file":"component---src-pages-integrations-google-analytics-js-dca0bfb5687dd80e32fb.js","sourcesContent":["/* eslint-disable jsx-a11y/anchor-is-valid */\nimport React from 'react';\nimport { graphql, useStaticQuery } from 'gatsby';\nimport Img from 'gatsby-image';\nimport PropTypes from 'prop-types';\nimport withIntegrationCardContext from 'hoc/withIntegrationCardContext';\nimport Slider from 'react-slick';\n\nconst GoogleAnalytics = ({ sliderSettings }) => {\n  const { screen1, screen2 } = useStaticQuery(graphql`\n    query {\n      screen1: file(relativePath: { eq: \"help/google_analytics/ga_integration_2.png\" }) {\n        childImageSharp {\n          fluid {\n            ...GatsbyImageSharpFluid_withWebp\n          }\n        }\n      }\n      screen2: file(relativePath: { eq: \"help/google_analytics/ga_integration_3.png\" }) {\n        childImageSharp {\n          fluid {\n            ...GatsbyImageSharpFluid_withWebp\n          }\n        }\n      }\n    }\n  `);\n  const photos = [\n    {\n      img: screen2.childImageSharp.fluid,\n      alt: 'Google Analytics Integration',\n      title: 'Integrate Google Analytics with LiveSession',\n    },\n    {\n      img: screen1.childImageSharp.fluid,\n      alt: 'Google Analytics Integration',\n      title: 'Integrate Google Analytics with LiveSession',\n    },\n  ];\n  return (\n    <>\n      <Slider {...sliderSettings(photos)}>\n        {photos.map(({ img, alt, title }) => (\n          <div key={img}>\n            <Img fluid={img} alt={alt} title={title} />\n          </div>\n        ))}\n      </Slider>\n      <div className=\"section\">\n        <h2>Overview</h2>\n        <p>\n          Google Analytics is the market leader when it comes to digital analytics software. It’s a\n          free yet comprehensive tool to understand your customers. You can use it to get a\n          real-time view of user activity, learn more about your audience and their behavior,\n          optimize conversion and track acquisition channels. The tool can be connected with other\n          Google products, such as Google Ads, Google Optimize, and Data Studio\n        </p>\n        <p>\n          Need even more context? You can add LiveSession recordings as Google Analytics events.\n        </p>\n      </div>\n      <div className=\"section\">\n        <h2>Benefits</h2>\n        <ul className=\"checkmarks\">\n          <li>Open recordings straight from the Analytics dashboard</li>\n          <li>Access qualitative and quantitative data from one place</li>\n          <li>Get more insights about your users</li>\n        </ul>\n      </div>\n      <h2>How to install</h2>\n      <p>\n        Copy and paste a piece of code on your website. See a detailed tutorial in our{' '}\n        <a href=\"/help/google-analytics-integration/\">help center</a>.\n      </p>\n    </>\n  );\n};\n\nexport default withIntegrationCardContext(GoogleAnalytics);\n\nGoogleAnalytics.propTypes = {\n  sliderSettings: PropTypes.func.isRequired,\n};\n"],"sourceRoot":""}