{"id":428,"date":"2019-09-17T12:21:21","date_gmt":"2019-09-17T12:21:21","guid":{"rendered":"http:\/\/pwa-for-wp.com\/docs\/?post_type=ht_kb&#038;p=428"},"modified":"2019-10-14T07:37:35","modified_gmt":"2019-10-14T07:37:35","slug":"how-to-add-utm-tracking-in-pwa","status":"publish","type":"ht_kb","link":"https:\/\/pwa-for-wp.com\/docs\/article\/how-to-add-utm-tracking-in-pwa\/","title":{"rendered":"How to add UTM Tracking in PWA"},"content":{"rendered":"\n<p>UTM stands for \u201cUrchin Traffic Monitor\u201d. a web analytics software that served as the base for Google Analytics.<\/p>\n\n\n\n<p><strong>A UTM code looks something like this:<\/strong><\/p>\n\n\n\n<p>http:\/\/yourwebsite.com\/your-post-title\/?utm_source=google<\/p>\n\n\n\n<p>The part starting after \u2018?\u2019 is the UTM code. As you might have guessed, this particular code tracks who sent the traffic to the page<\/p>\n\n\n\n<p><strong>In PWA you need to add UTM Tracking manually for this follow below steps.<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>UTM Tracking helps you add UTM campaign tracking parameters to the Start Page so that you can differentiate the visitors coming from your website and your PWA app.  <\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li>You will find this option in the <strong>WordPress Dashboard<\/strong> -&gt;<strong>PWA<\/strong> -&gt; <strong>Settings<\/strong> -&gt; <strong>Features<\/strong> -&gt; Enable &#8220;<strong>UTM Tracking<\/strong>&#8221; option. Click on the \u201cgear\u201d icon like below the screenshot. <\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"490\" src=\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/10\/17-1024x490.png\" alt=\"\" class=\"wp-image-538\" srcset=\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/10\/17-1024x490.png 1024w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/10\/17-300x144.png 300w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/10\/17-768x368.png 768w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/10\/17-50x24.png 50w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/10\/17-60x29.png 60w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/10\/17-100x48.png 100w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/10\/17.png 1097w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Once you click on the gear icon you can access the Settings page fill the required information like below the screenshot. <\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"835\" height=\"649\" src=\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/10\/18.png\" alt=\"\" class=\"wp-image-537\" srcset=\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/10\/18.png 835w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/10\/18-300x233.png 300w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/10\/18-768x597.png 768w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/10\/18-50x39.png 50w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/10\/18-60x47.png 60w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/10\/18-100x78.png 100w\" sizes=\"auto, (max-width: 835px) 100vw, 835px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Only the UTM Source is mandatory. The rest of the fields are optional and you can see them as it suits your tracking needs.  <\/li><li>A URL with all your UTM parameters will automatically be generated.<\/li><li>When any user installs the app on their device. the app will be installed with this URL.<\/li><li>When they launch app UTM will start work.<\/li><\/ul>\n\n\n\n<p><strong>That\u2019s it for this tutorial!<\/strong><\/p>\n\n\n\n<p>We hope it helped you. If you have any feedback or questions&nbsp;Just contact us&nbsp;<strong><a href=\"http:\/\/pwa-for-wp.com\/contact-us\/\">here<\/a>&nbsp;<\/strong>and we are always available for you.<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>UTM stands for \u201cUrchin Traffic Monitor\u201d. a web analytics software that served as the base for Google Analytics. A UTM code looks something like this: http:\/\/yourwebsite.com\/your-post-title\/?utm_source=google The part starting after \u2018?\u2019 is the UTM code. As you might have guessed, this particular code tracks who sent the traffic to the&#8230;<\/p>\n","protected":false},"author":3,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[6],"ht-kb-tag":[],"class_list":["post-428","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-how-to"],"_links":{"self":[{"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb\/428","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/comments?post=428"}],"version-history":[{"count":17,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb\/428\/revisions"}],"predecessor-version":[{"id":541,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb\/428\/revisions\/541"}],"wp:attachment":[{"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/media?parent=428"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb-category?post=428"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb-tag?post=428"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}