{"version":3,"sources":["webpack:///./src/img/help/integrations/gatsby.png","webpack:///./src/pages/help/gatsby-integration.js"],"names":["module","exports","related","link","title","description","frontmatter","metaTitle","metaDescription","canonical","logoStyle","maxWidth","logo","Wrapped","HelpArticle","href","target","rel","style","margin","copy","lang","className","role","section"],"mappings":"kFAAAA,EAAOC,QAAU,IAA0B,sD,kCCA3C,gHA+DMC,EAAU,CACd,CACEC,KAAM,kDACNC,MAAO,4CACPC,YAAa,uDAEf,CACEF,KAAM,sCACNC,MAAO,gCACPC,YAAa,8CAIJC,EAAc,CACzBC,UAAW,6CACXC,gBAAiB,qDACjBC,UAAW,4BACXC,UAAW,CAAEC,SAAU,KACvBC,KAjFF,OAiFEA,GAGIC,EAAUC,aA7EA,WACd,OACE,6BACE,kBAAC,IAAD,2CACA,oDACyB,IACvB,uBACEC,KAAK,4EACLC,OAAO,SACPC,IAAI,uBAHN,UAMK,IARP,6CAWA,mDACA,kBAAC,IAAD,CAAMC,MAAO,CAAEC,OAAQ,WAAvB,gDAAuF,IACvF,iCACA,kBAAC,IAAD,CAAMD,MAAO,CAAEC,OAAQ,kBAAvB,mDAGA,oCACQ,oDADR,oDAC2F,IACzF,2CAFF,KAIA,kBAAC,IAAD,CAAMA,OAAO,cAAcC,MAAI,EAACC,KAAK,cAArC,+UAaA,yBAAKC,UAAU,gCAAgCC,KAAK,SAApD,+CAGA,oGACyE,IACvE,uBACER,KAAK,kEACLC,OAAO,SACPC,IAAI,uBAHN,8BAFF,SAsCS,4BACb,kBAACJ,EAAD,eAASX,QAASA,EAASsB,QAAQ,cAAcpB,MAAOE,EAAYC,WAAeD","file":"component---src-pages-help-gatsby-integration-js-37c089291ddf49f6da14.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/gatsby-fa38ab30a9b8abb4a1ff8c0b7fb86cef.png\";","import React from 'react';\n\nimport { HelpArticle, SubTitle } from 'components/help/helpArticle';\nimport Code from 'components/help/codeSnippet';\n\nimport logo from 'img/help/integrations/gatsby.png';\n\nconst Content = () => {\n  return (\n    <div>\n      <SubTitle>LiveSession and Gatsby integration</SubTitle>\n      <p>\n        LiveSession provides a{' '}\n        <a\n          href=\"https://www.gatsbyjs.org/packages/@livesession/gatsby-plugin-livesession/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          plugin\n        </a>{' '}\n        that lets you install script even easier.\n      </p>\n      <p>In your project run </p>\n      <Code style={{ margin: '1rem 0' }}>npm i @livesession/gatsby-plugin-livesession</Code>{' '}\n      <p>or</p>\n      <Code style={{ margin: '1rem 0 1.5rem' }}>\n        yarn add @livesession/gatsby-plugin-livesession\n      </Code>\n      <p>\n        Go to <strong>gatsby-config.js</strong> file and add plugin, everything what you need is{' '}\n        <strong>trackID</strong>:\n      </p>\n      <Code margin=\"4rem 0 3rem\" copy lang=\"javascript\">\n        {`// gatsby-config.js\n plugins: [\n    {\n        resolve: '@livesession/gatsby-plugin-livesession',\n        options: {\n          trackID: YOUR_LIVESESSION_TRACKID, // Required, string\n          keystrokes: true || false, // Optional, default to false\n          rootHostname: '.example.com', // Optional\n        },\n    },\n ];`}\n      </Code>\n      <div className=\"alert alert-primary mb-5 mt-5\" role=\"alert\">\n        Plugin adds script only in production mode.\n      </div>\n      <p>\n        If you want to know more about options you can pass into config, go to{' '}\n        <a\n          href=\"https://developers.livesession.io/javascript-api/configuration/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          LiveSesion Developers page\n        </a>\n        .\n      </p>\n    </div>\n  );\n};\n\nconst related = [\n  {\n    link: '/help/how-to-check-if-my-tracking-script-works/',\n    title: 'How to check if my tracking script works?',\n    description: 'Check if your tracking code is installed correctly.',\n  },\n  {\n    link: '/help/how-livesession-script-works/',\n    title: 'How LiveSession script works?',\n    description: 'Undarstand what our tracking code tracks.',\n  },\n];\n\nexport const frontmatter = {\n  metaTitle: 'How to install LiveSession on Gatsby site?',\n  metaDescription: 'Install script even easier with our Gatsby plugin.',\n  canonical: '/help/gatsby-integration/',\n  logoStyle: { maxWidth: 150 },\n  logo,\n};\n\nconst Wrapped = HelpArticle(Content);\n\nexport default () => (\n  <Wrapped related={related} section=\"Get Started\" title={frontmatter.metaTitle} {...frontmatter} />\n);\n"],"sourceRoot":""}