{"componentChunkName":"component---src-templates-post-template-js","path":"/2020/04/16/fathom-create-custom-domain/","result":{"data":{"mdx":{"frontmatter":{"title":"Create a Custom Domain for Fathom Analytics","date":"2020 April 16th"},"body":"function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsx mdx */\nvar _frontmatter = {\n  \"date\": \"2020-04-16T00:00:00.000Z\",\n  \"title\": \"Create a Custom Domain for Fathom Analytics\",\n  \"tags\": [\"analytics\", \"learning\", \"guide\"],\n  \"published\": true\n};\n\nvar makeShortcode = function makeShortcode(name) {\n  return function MDXDefaultShortcode(props) {\n    console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n    return mdx(\"div\", props);\n  };\n};\n\nvar Tweet = makeShortcode(\"Tweet\");\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, [\"components\"]);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"p\", null, \"Fathom Analytics recently added a really neat feature for \", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://usefathom.com/blog/bypass-adblockers\",\n    \"target\": \"_blank\",\n    \"rel\": \"noopener\"\n  }), \"custom\\ndomains\"), \" with their service.\"), mdx(\"p\", null, \"What does that mean then? Well it\\u2019s for bypassing ad-blocking\\nextensions, not that Fathom wants to collect all your data, \", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://usefathom.com/blog/bypass-adblockers\",\n    \"target\": \"_blank\",\n    \"rel\": \"noopener\"\n  }), \"far from\\nit\"), \".\"), mdx(\"p\", null, \"The purpose of this post is to cover setting up my custom domain as I\\nhave a specific domain provider and I\\u2019m using Vercel\\u2019s now.sh and\\nNetlify for hosting my projects I want to add the Fathom custom\\ndomains to.\"), mdx(\"p\", null, \"Fathom has provided instructions for \", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://ca.godaddy.com/help/add-a-cname-record-19236\",\n    \"target\": \"_blank\",\n    \"rel\": \"noopener\"\n  }), \"Godaddy\"), \", \", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://support.cloudflare.com/hc/en-us/articles/360020615111-Configuring-a-CNAME-setup\",\n    \"target\": \"_blank\",\n    \"rel\": \"noopener\"\n  }), \"CloudFlare\"), \", \", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://help.hover.com/hc/en-us/articles/217282457-Managing-DNS-records-#h_5eab4aa7-b044-4cc6-a3c0-5869f583edc8\",\n    \"target\": \"_blank\",\n    \"rel\": \"noopener\"\n  }), \"Hover\"), \"\\nand \", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://www.namecheap.com/support/knowledgebase/article.aspx/9646/2237/how-to-create-a-cname-record-for-your-domain\",\n    \"target\": \"_blank\",\n    \"rel\": \"noopener\"\n  }), \"NameCheap\"), \" however, Like I mentioned, I have a custom DNS with my\\ndomain provider and I\\u2019m not be able to add a new CNAME record which is\\nwhat I need to generate my Fathom custom (sub)domain.\"), mdx(\"h2\", {\n    \"id\": \"create-a-custom-domain\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", _extends({\n    parentName: \"h2\"\n  }, {\n    \"href\": \"#create-a-custom-domain\",\n    \"aria-label\": \"create a custom domain permalink\",\n    \"className\": \"anchor before\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  })))), \"Create a custom domain\"), mdx(\"p\", null, \"Fathom\\u2019s \", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://usefathom.com/support/custom-domains\",\n    \"target\": \"_blank\",\n    \"rel\": \"noopener\"\n  }), \"documentation\"), \" covers it pretty well, you go into your\\nsettings panel on Fathom and add in the domain of your site which I\\nfollowed, pretty straight forward.\"), mdx(\"p\", null, \"Fathom then give me two values, the first is the sub-domain that I\\u2019m\\ngoing to create and the other is the Fathom DNS server.\"), mdx(\"p\", null, mdx(\"span\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"540px\"\n    }\n  }), \"\\n      \", mdx(\"a\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"gatsby-resp-image-link\",\n    \"href\": \"/static/918a662955a145472c8b3a65061649e2/07484/fathom-dns-record-for-site.png\",\n    \"style\": {\n      \"display\": \"block\"\n    },\n    \"target\": \"_blank\",\n    \"rel\": [\"noopener\"]\n  }), \"\\n    \", mdx(\"span\", _extends({\n    parentName: \"a\"\n  }, {\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"103.125%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/svg+xml,%3csvg%20xmlns=\\\\'http://www.w3.org/2000/svg\\\\'%20width=\\\\'400\\\\'%20height=\\\\'413\\\\'%20viewBox=\\\\'0%200%20400%20413\\\\'%20preserveAspectRatio=\\\\'none\\\\'%3e%3cpath%20d=\\\\'M0%20207v206h401V0H0v207M15%2012l-1%20193c0%20188%200%20191%202%20192h366c2-1%202-4%202-192l-1-193c-2-2-366-2-368%200m15%20323l-1%2016c0%2013%200%2016%202%2016%203%202%20184%201%20185%200l1-16-1-16c-2-1-185-2-186%200\\\\'%20fill=\\\\'%23d3d3d3\\\\'%20fill-rule=\\\\'evenodd\\\\'/%3e%3c/svg%3e')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  })), \"\\n  \", mdx(\"picture\", {\n    parentName: \"a\"\n  }, \"\\n        \", mdx(\"source\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"srcSet\": [\"/static/918a662955a145472c8b3a65061649e2/60a22/fathom-dns-record-for-site.webp 160w\", \"/static/918a662955a145472c8b3a65061649e2/4c812/fathom-dns-record-for-site.webp 320w\", \"/static/918a662955a145472c8b3a65061649e2/9e625/fathom-dns-record-for-site.webp 540w\"],\n    \"sizes\": \"(max-width: 540px) 100vw, 540px\",\n    \"type\": \"image/webp\"\n  })), \"\\n        \", mdx(\"source\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"srcSet\": [\"/static/918a662955a145472c8b3a65061649e2/69538/fathom-dns-record-for-site.png 160w\", \"/static/918a662955a145472c8b3a65061649e2/72799/fathom-dns-record-for-site.png 320w\", \"/static/918a662955a145472c8b3a65061649e2/07484/fathom-dns-record-for-site.png 540w\"],\n    \"sizes\": \"(max-width: 540px) 100vw, 540px\",\n    \"type\": \"image/png\"\n  })), \"\\n        \", mdx(\"img\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"className\": \"gatsby-resp-image-image\",\n    \"src\": \"/static/918a662955a145472c8b3a65061649e2/07484/fathom-dns-record-for-site.png\",\n    \"alt\": \"fathom dns record for a site\",\n    \"title\": \"fathom dns record for a site\",\n    \"loading\": \"lazy\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    }\n  })), \"\\n      \"), \"\\n  \"), \"\\n    \")), mdx(\"h2\", {\n    \"id\": \"add-the-custom-domain-to-my-site\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", _extends({\n    parentName: \"h2\"\n  }, {\n    \"href\": \"#add-the-custom-domain-to-my-site\",\n    \"aria-label\": \"add the custom domain to my site permalink\",\n    \"className\": \"anchor before\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  })))), \"Add the custom domain to my site\"), mdx(\"p\", null, \"I set about working out how to add a CNAME to this blog but couldn\\u2019t\\nfind any good examples so I reached out to Fathom with a tweet:\"), mdx(Tweet, {\n    tweetLink: \"spences10/status/1250786419536277505\",\n    mdxType: \"Tweet\"\n  }), mdx(\"p\", null, \"After I sent that I found \", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://gist.github.com/jaydenseric/f4147d7d9788d1f46b30e4ac7b57e6b2\",\n    \"target\": \"_blank\",\n    \"rel\": \"noopener\"\n  }), \"this gist\"), \" which detailed the command for\\nadding the sub-domain which made sense to me.\"), mdx(\"h2\", {\n    \"id\": \"add-dns-record-in-vercels-nowsh\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", _extends({\n    parentName: \"h2\"\n  }, {\n    \"href\": \"#add-dns-record-in-vercels-nowsh\",\n    \"aria-label\": \"add dns record in vercels nowsh permalink\",\n    \"className\": \"anchor before\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  })))), \"Add DNS record in Vercel\\u2019s now.sh\"), mdx(\"p\", null, \"With the two values from Fathom dashboard, the CNAME is the sub-domain\\nand the VALUE is the DNS server.\"), mdx(\"p\", null, \"So in the now CLI I did the following:\"), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-bash\"\n  }), \"now dns add randomsite.com cdrjcy CNAME starman.fathomdns.com\\n\")), mdx(\"p\", null, \"Then I checked that the changes were added using the now dns command\\nto list out my DNS settings:\"), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-bash\"\n  }), \"now dns ls\\n\")), mdx(\"p\", null, \"It depends on how quickly these are propagated to see if the record is\\ncreated, for me it was a refresh on the Fathom dashboard and it said\\nthe domain was active with a couple of emails from Fathom to confirm\\nthey were created.\"), mdx(\"h2\", {\n    \"id\": \"dns-editor-for-vercel-domains\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", _extends({\n    parentName: \"h2\"\n  }, {\n    \"href\": \"#dns-editor-for-vercel-domains\",\n    \"aria-label\": \"dns editor for vercel domains permalink\",\n    \"className\": \"anchor before\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  })))), \"DNS Editor for Vercel domains\"), mdx(\"p\", null, \"It was after I worked out how to add the CNAME with the CLI that I\\nfound the \", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://vercel.com/integrations/dns\",\n    \"target\": \"_blank\",\n    \"rel\": \"noopener\"\n  }), \"DNS Editor for Vercel domains\"), \" which Jack mentioned in the\\nreply to my tweet! \\uD83E\\uDD26\\u200D\\u2642\"), mdx(\"p\", null, \"It\\u2019s a free integration on the Vercel Marketplace which is super\\nstraightforward to use once you add it to your Vercel account you can\\npick it from the Integrations section on your Vercel Dashboard.\"), mdx(\"h2\", {\n    \"id\": \"select-custom-domain-in-site-settings\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", _extends({\n    parentName: \"h2\"\n  }, {\n    \"href\": \"#select-custom-domain-in-site-settings\",\n    \"aria-label\": \"select custom domain in site settings permalink\",\n    \"className\": \"anchor before\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  })))), \"Select custom domain in site settings\"), mdx(\"p\", null, \"Now that the domain is set up I need to select that in the Sites\\ndashboard, click on the Site ID for my site the pick the domain from\\nthe select list and verify it\\u2019s working on my site that is already\\nconfigured with Fathom.\"), mdx(\"p\", null, mdx(\"span\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"640px\"\n    }\n  }), \"\\n      \", mdx(\"a\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"gatsby-resp-image-link\",\n    \"href\": \"/static/3af1a934a7a66f45d754f3cfa36bb80e/1d69c/pick-custom-domain-in-site-settings.png\",\n    \"style\": {\n      \"display\": \"block\"\n    },\n    \"target\": \"_blank\",\n    \"rel\": [\"noopener\"]\n  }), \"\\n    \", mdx(\"span\", _extends({\n    parentName: \"a\"\n  }, {\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"76.25%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/svg+xml,%3csvg%20xmlns=\\\\'http://www.w3.org/2000/svg\\\\'%20width=\\\\'400\\\\'%20height=\\\\'305\\\\'%20viewBox=\\\\'0%200%20400%20305\\\\'%20preserveAspectRatio=\\\\'none\\\\'%3e%3cpath%20d=\\\\'M0%20153v152h401V0H0v153M12%2013v140l1%20139h372V13l-186-1-187%201m11%20236c-2%203-1%2020%200%2021l41%201h39v-23l-40-1c-36%200-40%200-40%202\\\\'%20fill=\\\\'%23d3d3d3\\\\'%20fill-rule=\\\\'evenodd\\\\'/%3e%3c/svg%3e')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  })), \"\\n  \", mdx(\"picture\", {\n    parentName: \"a\"\n  }, \"\\n        \", mdx(\"source\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"srcSet\": [\"/static/3af1a934a7a66f45d754f3cfa36bb80e/60a22/pick-custom-domain-in-site-settings.webp 160w\", \"/static/3af1a934a7a66f45d754f3cfa36bb80e/4c812/pick-custom-domain-in-site-settings.webp 320w\", \"/static/3af1a934a7a66f45d754f3cfa36bb80e/0ba47/pick-custom-domain-in-site-settings.webp 640w\", \"/static/3af1a934a7a66f45d754f3cfa36bb80e/08b4d/pick-custom-domain-in-site-settings.webp 750w\"],\n    \"sizes\": \"(max-width: 640px) 100vw, 640px\",\n    \"type\": \"image/webp\"\n  })), \"\\n        \", mdx(\"source\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"srcSet\": [\"/static/3af1a934a7a66f45d754f3cfa36bb80e/69538/pick-custom-domain-in-site-settings.png 160w\", \"/static/3af1a934a7a66f45d754f3cfa36bb80e/72799/pick-custom-domain-in-site-settings.png 320w\", \"/static/3af1a934a7a66f45d754f3cfa36bb80e/6af66/pick-custom-domain-in-site-settings.png 640w\", \"/static/3af1a934a7a66f45d754f3cfa36bb80e/1d69c/pick-custom-domain-in-site-settings.png 750w\"],\n    \"sizes\": \"(max-width: 640px) 100vw, 640px\",\n    \"type\": \"image/png\"\n  })), \"\\n        \", mdx(\"img\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"className\": \"gatsby-resp-image-image\",\n    \"src\": \"/static/3af1a934a7a66f45d754f3cfa36bb80e/6af66/pick-custom-domain-in-site-settings.png\",\n    \"alt\": \"pick custom domain in site settings\",\n    \"title\": \"pick custom domain in site settings\",\n    \"loading\": \"lazy\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    }\n  })), \"\\n      \"), \"\\n  \"), \"\\n    \")), mdx(\"h2\", {\n    \"id\": \"add-dns-record-in-netlify\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", _extends({\n    parentName: \"h2\"\n  }, {\n    \"href\": \"#add-dns-record-in-netlify\",\n    \"aria-label\": \"add dns record in netlify permalink\",\n    \"className\": \"anchor before\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  })))), \"Add DNS record in Netlify\"), mdx(\"p\", null, \"I\\u2019m going to do the same with Netlify now, it\\u2019s a bit more\\nstraightforward with Netlify, I go to my sites page, select Domains,\\npick my domain scroll to the bottom of the list and select \\u2018Add new\\nrecord\\u2019, add the details from the Fathom Domains page.\"), mdx(\"p\", null, mdx(\"span\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"634px\"\n    }\n  }), \"\\n      \", mdx(\"a\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"gatsby-resp-image-link\",\n    \"href\": \"/static/388b4824b94966a449b57c7fd59f5fa8/374ac/create-new-dns-record-netlify.png\",\n    \"style\": {\n      \"display\": \"block\"\n    },\n    \"target\": \"_blank\",\n    \"rel\": [\"noopener\"]\n  }), \"\\n    \", mdx(\"span\", _extends({\n    parentName: \"a\"\n  }, {\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"90.625%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/svg+xml,%3csvg%20xmlns=\\\\'http://www.w3.org/2000/svg\\\\'%20width=\\\\'400\\\\'%20height=\\\\'363\\\\'%20viewBox=\\\\'0%200%20400%20363\\\\'%20preserveAspectRatio=\\\\'none\\\\'%3e%3cpath%20d=\\\\'M0%20182v181h401V0H0v182M12%2013l-2%201v337l2%201c3%202%20371%203%20374%201%202-1%202-4%202-171V13l-3-1c-4-2-370-1-373%201m14%20304l-1%2010c0%2012%200%2012%2017%2012%2016%200%2016%200%2016-12l-1-10-15-1-16%201\\\\'%20fill=\\\\'%23d3d3d3\\\\'%20fill-rule=\\\\'evenodd\\\\'/%3e%3c/svg%3e')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  })), \"\\n  \", mdx(\"picture\", {\n    parentName: \"a\"\n  }, \"\\n        \", mdx(\"source\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"srcSet\": [\"/static/388b4824b94966a449b57c7fd59f5fa8/60a22/create-new-dns-record-netlify.webp 160w\", \"/static/388b4824b94966a449b57c7fd59f5fa8/4c812/create-new-dns-record-netlify.webp 320w\", \"/static/388b4824b94966a449b57c7fd59f5fa8/14369/create-new-dns-record-netlify.webp 634w\"],\n    \"sizes\": \"(max-width: 634px) 100vw, 634px\",\n    \"type\": \"image/webp\"\n  })), \"\\n        \", mdx(\"source\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"srcSet\": [\"/static/388b4824b94966a449b57c7fd59f5fa8/69538/create-new-dns-record-netlify.png 160w\", \"/static/388b4824b94966a449b57c7fd59f5fa8/72799/create-new-dns-record-netlify.png 320w\", \"/static/388b4824b94966a449b57c7fd59f5fa8/374ac/create-new-dns-record-netlify.png 634w\"],\n    \"sizes\": \"(max-width: 634px) 100vw, 634px\",\n    \"type\": \"image/png\"\n  })), \"\\n        \", mdx(\"img\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"className\": \"gatsby-resp-image-image\",\n    \"src\": \"/static/388b4824b94966a449b57c7fd59f5fa8/374ac/create-new-dns-record-netlify.png\",\n    \"alt\": \"create new dns record netlify\",\n    \"title\": \"create new dns record netlify\",\n    \"loading\": \"lazy\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    }\n  })), \"\\n      \"), \"\\n  \"), \"\\n    \")), mdx(\"p\", null, \"It didn\\u2019t take long to validate the record in the Fathoms setting page\\nthen I picked the custom domain like I did in the previous step.\"));\n}\n;\nMDXContent.isMDXComponent = true;","excerpt":"Fathom Analytics recently added a really neat feature for  custom\ndomains  with their service. What does that mean then? Well it's for…","tableOfContents":{"items":[{"url":"#create-a-custom-domain","title":"Create a custom domain"},{"url":"#add-the-custom-domain-to-my-site","title":"Add the custom domain to my site"},{"url":"#add-dns-record-in-vercels-nowsh","title":"Add DNS record in Vercel's now.sh"},{"url":"#dns-editor-for-vercel-domains","title":"DNS Editor for Vercel domains"},{"url":"#select-custom-domain-in-site-settings","title":"Select custom domain in site settings"},{"url":"#add-dns-record-in-netlify","title":"Add DNS record in Netlify"}]},"timeToRead":2,"fields":{"slug":"/2020/04/16/fathom-create-custom-domain/","editLink":"https://github.com/spences10/thelocalhost/edit/authoring/posts/2020/04/16/fathom-create-custom-domain/index.mdx"}}},"pageContext":{"slug":"/2020/04/16/fathom-create-custom-domain/","previous":{"id":"2ab5d84d-9577-5339-883d-11274abaa698","excerpt":"The main purpose for me documenting this is to demonstrate\nimplementing a table of contents with smooth scroll to the anchors in\na Gatsby project using MDX. In the process I'm also setting up the Gatsby starter with MDX. TL;DR, go here:   Make a TOC…","frontmatter":{"title":"Add a Table of Contents with Smooth scroll using Gatsby and MDX","date":"2020-02-13T00:00:00.000Z"},"fields":{"slug":"/2020/02/13/smooth-scroll-toc-gatsby/"}},"next":{"id":"5855519b-3070-50f2-9897-43e6547b8167","excerpt":"I'm talking Fathom Analytics again, this time about tracking link\nclicks in my Markdown. I have written about how to  track custom events  with Fathom\npreviously and this is really an extension to that post. If you would like to try Fathom and get a…","frontmatter":{"title":"Add Analytics Tracking Links to your Markdown","date":"2020-04-18T00:00:00.000Z"},"fields":{"slug":"/2020/04/18/add-tracking-links-to-your-markdown/"}}}}}