[{"data":1,"prerenderedAt":155},["ShallowReactive",2],{"gql:data:rqs7bX0KG5vHesh3FJQJ3u0Rwqwh2yq34dkndeUw6Kg":3,"$fnnfq9Cz2Z7xcMkfpfKbOX2tgHiXd7hi_FHTON8yqzWE":95},{"blogPost":4},{"id":5,"title":6,"slug":7,"seoDescription":8,"datePublished":9,"postType":10,"cta":11,"postBody":12,"keyLinks":87},"cm4ur6f1u847y07mj3p801irp","How to create UTM codes for landing pages","how-to-create-utm-codes-for-landing-pages","A quick tutorial on UTM codes. What they are and how to make them for your landing pages and campaigns.","2024-12-19","Tutorials",null,{"raw":13,"text":85,"html":86},{"children":14},[15,20,25,29,34,38,42,55,66,77,81],{"type":16,"children":17},"paragraph",[18],{"text":19},"A client came to me recently and asked me about UTM codes. My first response after reading their email was, 'WTF is a UTM code?'. It didn't take me long to find out. Now, I will share everything I know about UTM codes and how to make them.",{"type":21,"children":22},"heading-two",[23],{"text":24},"What is a UTM code?",{"type":16,"children":26},[27],{"text":28},"A UTM code is a query string you add to the end of a URL to help you identify where landing page traffic comes from. For those that don't know, a query string is a kind of data you add to the end of a URL after a '?' character. Still don't get it? A URL with a query string looks like this...",{"type":16,"children":30},[31],{"bold":32,"text":33},true,"https://jackchristian.com.au?query=string&string=query",{"type":16,"children":35},[36],{"text":37},"When you create a landing page for a campaign or a product, you will probably link to it from various sources. You may have links from various social platforms, email campaigns, and paid ads. To help you track where you are getting the most traffic, you can add UTM codes to your landing page URL. Create a different UTM code for each source. Then when the traffic comes rolling in, you can go to your preferred analytics tool and track which codes appear the most often. That tells you which traffic source is performing the best.",{"type":21,"children":39},[40],{"text":41},"How do you make a UTM code?",{"type":16,"children":43},[44,46,53],{"text":45},"If you have loads of money, you can use ",{"href":47,"type":48,"children":49,"className":52,"openInNewTab":32},"https://bitly.com/","link",[50],{"text":51},"Bitly","editor-rtfLink",{"text":54},". They are a one-stop shop for all your digital marketing needs. They create UTM codes and shorten URLs. The trouble is, you have to pay.",{"type":16,"children":56},[57,59,64],{"text":58},"For cheapskates like me, you can use free UTM generators. I told my client to use ",{"href":60,"type":48,"children":61,"className":52,"openInNewTab":32},"https://buffer.com/free-tools/utm-generator",[62],{"text":63},"Buffer's Free UTM Generator",{"text":65},". They only had a few links to create and it made it super easy for them. One snag they found was that the tool showed them the UTM URL on multiple lines and in plain text. That meant when they copied it into their social platforms, it got rejected. The URL needs to be encoded. Encoding your URL is super simple. Copy the plain text URL from the tool into your web browser and hit 'Enter'. When the page loads, copy the encoded version from the URL bar. Simple.",{"type":16,"children":67},[68,70,75],{"text":69},"Another great option is ",{"href":71,"type":48,"children":72,"className":52,"openInNewTab":32},"https://utm.zone/",[73],{"text":74},"utm.zone",{"text":76}," which does pretty much the same thing with link shortening on top. Link shortening is only necessary if people are going to see the link (like in an Instagram bio). If people aren't going to see the link, you can stick with your massive long URL string.",{"type":21,"children":78},[79],{"text":80},"Conclusion: UTM codes exist and they are easy to make.",{"type":16,"children":82},[83],{"text":84},"Now you know what a UTM code is. You have the same knowledge as I do. Congrats! We can all make UTM codes together and people can stop asking me how to do it. Wins all around!","A client came to me recently and asked me about UTM codes. My first response after reading their email was, 'WTF is a UTM code?'. It didn't take me long to find out. Now, I will share everything I know about UTM codes and how to make them.\\nWhat is a UTM code?\\nA UTM code is a query string you add to the end of a URL to help you identify where landing page traffic comes from. For those that don't know, a query string is a kind of data you add to the end of a URL after a '?' character. Still don't get it? A URL with a query string looks like this...\\nhttps://jackchristian.com.au?query=string&string=query\\nWhen you create a landing page for a campaign or a product, you will probably link to it from various sources. You may have links from various social platforms, email campaigns, and paid ads. To help you track where you are getting the most traffic, you can add UTM codes to your landing page URL. Create a different UTM code for each source. Then when the traffic comes rolling in, you can go to your preferred analytics tool and track which codes appear the most often. That tells you which traffic source is performing the best.\\nHow do you make a UTM code?\\nIf you have loads of money, you can use \\nBitly\\n. They are a one-stop shop for all your digital marketing needs. They create UTM codes and shorten URLs. The trouble is, you have to pay.\\nFor cheapskates like me, you can use free UTM generators. I told my client to use \\nBuffer's Free UTM Generator\\n. They only had a few links to create and it made it super easy for them. One snag they found was that the tool showed them the UTM URL on multiple lines and in plain text. That meant when they copied it into their social platforms, it got rejected. The URL needs to be encoded. Encoding your URL is super simple. Copy the plain text URL from the tool into your web browser and hit 'Enter'. When the page loads, copy the encoded version from the URL bar. Simple.\\nAnother great option is \\nutm.zone\\n which does pretty much the same thing with link shortening on top. Link shortening is only necessary if people are going to see the link (like in an Instagram bio). If people aren't going to see the link, you can stick with your massive long URL string.\\nConclusion: UTM codes exist and they are easy to make.\\nNow you know what a UTM code is. You have the same knowledge as I do. Congrats! We can all make UTM codes together and people can stop asking me how to do it. Wins all around!","\u003Cp>A client came to me recently and asked me about UTM codes. My first response after reading their email was, 'WTF is a UTM code?'. It didn't take me long to find out. Now, I will share everything I know about UTM codes and how to make them.\u003C/p>\u003Ch2>What is a UTM code?\u003C/h2>\u003Cp>A UTM code is a query string you add to the end of a URL to help you identify where landing page traffic comes from. For those that don't know, a query string is a kind of data you add to the end of a URL after a '?' character. Still don't get it? A URL with a query string looks like this...\u003C/p>\u003Cp>\u003Cstrong>https://jackchristian.com.au?query=string&string=query\u003C/strong>\u003C/p>\u003Cp>When you create a landing page for a campaign or a product, you will probably link to it from various sources. You may have links from various social platforms, email campaigns, and paid ads. To help you track where you are getting the most traffic, you can add UTM codes to your landing page URL. Create a different UTM code for each source. Then when the traffic comes rolling in, you can go to your preferred analytics tool and track which codes appear the most often. That tells you which traffic source is performing the best.\u003C/p>\u003Ch2>How do you make a UTM code?\u003C/h2>\u003Cp>If you have loads of money, you can use \u003Ca class=\"editor-rtfLink\" target='_blank' title=\"https://bitly.com/\" href=\"https://bitly.com/\">Bitly\u003C/a>. They are a one-stop shop for all your digital marketing needs. They create UTM codes and shorten URLs. The trouble is, you have to pay.\u003C/p>\u003Cp>For cheapskates like me, you can use free UTM generators. I told my client to use \u003Ca class=\"editor-rtfLink\" target='_blank' title=\"https://buffer.com/free-tools/utm-generator\" href=\"https://buffer.com/free-tools/utm-generator\">Buffer's Free UTM Generator\u003C/a>. They only had a few links to create and it made it super easy for them. One snag they found was that the tool showed them the UTM URL on multiple lines and in plain text. That meant when they copied it into their social platforms, it got rejected. The URL needs to be encoded. Encoding your URL is super simple. Copy the plain text URL from the tool into your web browser and hit 'Enter'. When the page loads, copy the encoded version from the URL bar. Simple.\u003C/p>\u003Cp>Another great option is \u003Ca class=\"editor-rtfLink\" target='_blank' title=\"https://utm.zone/\" href=\"https://utm.zone/\">utm.zone\u003C/a> which does pretty much the same thing with link shortening on top. Link shortening is only necessary if people are going to see the link (like in an Instagram bio). If people aren't going to see the link, you can stick with your massive long URL string.\u003C/p>\u003Ch2>Conclusion: UTM codes exist and they are easy to make.\u003C/h2>\u003Cp>Now you know what a UTM code is. You have the same knowledge as I do. Congrats! We can all make UTM codes together and people can stop asking me how to do it. Wins all around!\u003C/p>",[88,90,93],{"id":89,"href":47,"openInNewTab":32,"title":51},"cm4ur6f2i847z07mjn7pfdgsa",{"id":91,"href":60,"openInNewTab":32,"title":92},"cm4ur6f2j848107mjwxzqf1a6","Buffer - UTM Generator",{"id":94,"href":71,"openInNewTab":32,"title":74},"cm4ur6f2k848307mj5w6uzfob",{"data":96,"extensions":152},{"blogPosts":97},[98,104,109,114,119,125,130,136,142,147],{"id":99,"title":100,"slug":101,"postType":102,"datePublished":103},"cmocadbv6b2bi08mddi75of2h","The web industry is failing small businesses. Here’s how to protect yourself.","the-web-industry-is-failing-small-businesses-heres-how-to-protect-yourself","WebsitesAndBusiness","2026-04-24",{"id":105,"title":106,"slug":107,"postType":102,"datePublished":108},"cmo3g47a4bjcs07lc45bihk1y","How to make a succesful small business website in 2026?","how-to-make-a-succesful-small-business-website-in-2026","2026-04-18",{"id":110,"title":111,"slug":112,"postType":102,"datePublished":113},"cmf207jkodgby07l8gu4kg90w","How I use website strategy to grow my business","how-i-use-website-strategy-to-grow-my-business","2025-09-02",{"id":115,"title":116,"slug":117,"postType":102,"datePublished":118},"cmei3w1dxtgc207mor5hh5lqy","5 steps to more website leads for your small service business","5-steps-to-more-website-leads-for-your-small-service-business","2025-08-19",{"id":120,"title":121,"slug":122,"postType":123,"datePublished":124},"cme9oqq1ebr4p07laisk02qp4","My top 5 retro websites","my-top-5-retro-websites","IndustryInsights","2025-08-12",{"id":126,"title":127,"slug":128,"postType":102,"datePublished":129},"cmdo4jqdq99ai07lag1qbd054","Why your website needs a strategy and how to create one that works","why-your-website-needs-a-strategy-and-how-to-create-one-that-works","2025-07-29",{"id":131,"title":132,"slug":133,"postType":134,"datePublished":135},"cmde6qq19fypk06mmnshyeshc","How to tune-up a website","how-to-tune-up-a-website","WebDevelopment","2025-07-22",{"id":137,"title":138,"slug":139,"postType":140,"datePublished":141},"cmd48thie0al007l4jqj9ucqx","How to design a website: My web design process.","how-to-design-a-website-my-web-design-process","WebDesign","2025-07-15",{"id":143,"title":144,"slug":145,"postType":102,"datePublished":146},"cmck165woeqgm07lccx99jqae","Your guide to hosting a website in 2025","your-guide-to-hosting-a-website-in-2025","2025-07-01",{"id":148,"title":149,"slug":150,"postType":123,"datePublished":151},"cmc9ylvutfepd07l6pwavidii","My top 5 maximalist websites","my-top-5-maximalist-websites","2025-06-24",{"Complexity-Cost-Left":153,"Effective-Complexity-Limit":154},1999999999999986,2000000000000000,1781674294070]