{"Status":true,"Message":"","Response":{"post":{"postuid":"ppg0z9xv1v","tenantuid":"d8b744fc-2e70-4089-bb80-dd1d08f6c7b2","projectuid":"239698c5-f7eb-4574-8cc8-c6568f08b3a0","title":"Integrating With Your Website","slug":"article/ppg0z9xv1v-installing-the-daily-story-tracking-tag","html":"\u003Cp\u003EIn order to get the most out of all of the DailyStory features, you\u0027ll need to integrate with your website by installing the DailyStory beacon.\u003C/p\u003E\u003Cp\u003EThe DailyStory beacon, also called a tracking tag, is a small piece of JavaScript added to the\u0026nbsp;\u003Ccode class=\u0022inline-code\u0022\u003E\u0026lt;head\u0026gt;\u003C/code\u003E\u0026nbsp;of all your web pages. It enables website traffic analysis, journey mapping, conversion funnels and features, such as \u003Ca href=\u0022/article/ptshg9vhir-daily-story-popups\u0022\u003EPopups\u003C/a\u003E, \u003Ca href=\u0022/article/dw3bqm0v03-daily-story-magic-forms\u0022\u003EMagic Forms\u003C/a\u003E and \u003Ca href=\u0022/article/qtspa412xc-tracking-links\u0022\u003ETracking Links\u003C/a\u003E.\u0026nbsp;\u003C/p\u003E\u003Ccite class=\u0022recommended\u0022\u003E\u003Cspan class=\u0022title\u0022\u003ERecommended\u003C/span\u003E\u003Cp\u003EInstall the DailyStory beacon to get the most out of DailyStory.\u003C/p\u003E\u003C/cite\u003E\u003Ch2 id=\u0022find_your_beacon_script_tag\u0022\u003EFind your Beacon Script Tag\u003C/h2\u003E\u003Cp\u003EYou can find the DailyStory beacon JavaScript by navigating to your user menu in the top right hand corner and selecting \u003Ccode\u003EAccount Settings\u003C/code\u003E.\u003C/p\u003E\u003Cp\u003ENext, locate the section \u003Cb\u003ESETUP\u003C/b\u003E and click on \u003Ccode\u003EWebsite\u003C/code\u003E.\u003C/p\u003E\u003Cimg class=\u0022lazy-load\u0022 data-width=\u00221175\u0022 data-height=\u00221055\u0022 data-src=\u0022https://graffiti-auf7e6dwhxhcbwek.z03.azurefd.net/d8b744fc-2e70-4089-bb80-dd1d08f6c7b2/239698c5-f7eb-4574-8cc8-c6568f08b3a0/9272270b-f1ff-4b2a-96b0-196ed7ad6bdf.png\u0022 style=\u0022\u0022 alt=\u0022\u0022/\u003E\u003Ch2 id=\u0022install_the_dailystory_beacon\u0022\u003EInstall the DailyStory Beacon\u003C/h2\u003E\u003Cp\u003ELogin to your website host and add the beacon to any pages in your website where you will want DailyStory functionality. \u003C/p\u003E\u003Cp\u003EThe DailyStory beacon can be added to your website very easily, as long as you are comfortable editing HTML pages. It is important that the tracking code is added onto all pages.\u003C/p\u003E\u003Ccite class=\u0022recommended\u0022\u003E\u003Cspan class=\u0022title\u0022\u003ERecommended\u003C/span\u003E\u003Cp\u003ERefer to instructions from your host site, as many have a common header file so it\u0027s not necessary to add the beacon to every web page. For Wordpess, we have an easy plug-in you can install. See our other help articles for \u003Ca href=\u0022/article/qfl7mox9nn-install-daily-story-tracking-tag-in-word-press\u0022\u003EWordpress\u003C/a\u003E, \u003Ca href=\u0022/article/8ccbmpswua-install-daily-story-tracking-tag-in-square-space\u0022\u003ESquareSpace\u003C/a\u003E and \u003Ca href=\u0022/article/r8auo0qksf-install-daily-story-beacon-in-wi-x\u0022\u003EWiX\u003C/a\u003E.\u003C/p\u003E\u003C/cite\u003E\u003Ch3 id=\u0022manual_installation_steps\u0022\u003EManual Installation Steps\u003C/h3\u003E\u003Col\u003E\u003Cli\u003ECopy the beacon JavaScript.\u003C/li\u003E\u003Cli\u003EAdd the beacon between the opening and closing \u003Ccode class=\u0022inline-code\u0022\u003E\u0026lt;head\u0026gt;\u003C/code\u003E tag\u003Ccode\u003E.\u003C/code\u003E\u003C/li\u003E\u003C/ol\u003E\u003Ch2 id=\u0022test_your_beacon\u0022\u003ETest your beacon\u003C/h2\u003E\u003Cp\u003ETo test if you have added it correctly, enter your full website URL in the box \u003Cb\u003EVerify your beacon is installed \u003C/b\u003Eand then click the button \u003Ccode\u003EVerify\u003C/code\u003E.\u003C/p\u003E\u003Cimg class=\u0022lazy-load\u0022 data-width=\u0022806\u0022 data-height=\u0022527\u0022 data-src=\u0022https://graffiti-auf7e6dwhxhcbwek.z03.azurefd.net/d8b744fc-2e70-4089-bb80-dd1d08f6c7b2/239698c5-f7eb-4574-8cc8-c6568f08b3a0/90eb399b2bc11eaa1f04124dceae3c79.png\u0022 style=\u0022\u0022 alt=\u0022\u0022/\u003E\u003Cp\u003EA new broswer tab will automatically open with your website and you should see the green check mark and below message saying, \u0022Awesome, You\u0027re all set!\u0022.\u003C/p\u003E\u003Cimg class=\u0022lazy-load\u0022 data-width=\u0022439\u0022 data-height=\u0022177\u0022 data-src=\u0022https://graffiti-auf7e6dwhxhcbwek.z03.azurefd.net/d8b744fc-2e70-4089-bb80-dd1d08f6c7b2/239698c5-f7eb-4574-8cc8-c6568f08b3a0/cfc4e28cf0212626215701cdbfcceb83.png\u0022 style=\u0022\u0022 alt=\u0022\u0022/\u003E\u003Cp\u003EIf you have trouble or need any assistance, please visit us in chat or submit a support ticket.\u003C/p\u003E\u003Cimg class=\u0022lazy-load\u0022 data-width=\u0022291\u0022 data-height=\u0022308\u0022 data-src=\u0022https://graffiti-auf7e6dwhxhcbwek.z03.azurefd.net/d8b744fc-2e70-4089-bb80-dd1d08f6c7b2/239698c5-f7eb-4574-8cc8-c6568f08b3a0/41dd976afef72f9edf61e7bc22d8494e.png\u0022 style=\u0022\u0022 alt=\u0022\u0022/\u003E\u003Ccite class=\u0022recommended\u0022\u003E\u003Cspan class=\u0022title\u0022\u003ERecommended\u003C/span\u003E\u003Cp\u003ESome integrations, such as the WordPress plug-in and Shopify integration, automatically install a beacon once you have integrated them with DailyStory.\u003C/p\u003E\u003C/cite\u003E\u003Ch2 id=\u0022frequently_asked_questions\u0022\u003EFrequently Asked Questions\u003C/h2\u003E\u003Cp\u003EBelow are some frequently asked questions about the DailyStory beacon.\u003C/p\u003E\u003Csection class=\u0022faq\u0022\u003E\u003Ch3\u003EWhere should I place the script for the beacon?\u003C/h3\u003E\u003Carticle\u003E\u003Cp\u003EPlace the beacon JavaScript in the\u0026nbsp;\u003Ccode\u003E\u0026lt;head\u0026gt;\u003C/code\u003E\u0026nbsp;section of all pages in your website, as well as any landing pages. It\u0027s important that the beacon is available on any pages people may visit. The script for the beacon is lightweight and small and will not interfere with page loads. After the page loads the beacon loads in additional JavaScript behind the scenes.\u003C/p\u003E\u003C/article\u003E\u003C/section\u003E\u003Csection class=\u0022faq\u0022\u003E\u003Ch3\u003EHow does the beacon work?\u003C/h3\u003E\u003Carticle\u003E\u003Cp\u003EThe beacon: identifies and captures website visit data used for automations and other intent-based tracking;\u0026nbsp;loads the DailyStory JavaScript API;\u0026nbsp;enables features, such as \u003Ca href=\u0022/article/dw3bqm0v03-daily-story-magic-forms\u0022\u003EMagic Forms\u003C/a\u003E and \u003Ca href=\u0022/article/ptshg9vhir-daily-story-popups\u0022\u003EPopups\u003C/a\u003E; and tracks incoming links to your website\u003C/p\u003E\u003C/article\u003E\u003C/section\u003E\u003Csection class=\u0022faq\u0022\u003E\u003Ch3\u003EIs there anything else to install?\u003C/h3\u003E\u003Carticle\u003E\u003Cp\u003ENo, the beacon does not require any other JavaScript libraries.\u003C/p\u003E\u003C/article\u003E\u003C/section\u003E\u003Csection class=\u0022faq\u0022\u003E\u003Ch3\u003EIs there support for cross domain attribution tracking?\u003C/h3\u003E\u003Carticle\u003E\u003Cp\u003EYes, this is an advanced, enterprise feature of DailyStory that enables \u003Ca href=\u0022/article/cross-domain-tracking\u0022\u003Ecross-domain tracking\u003C/a\u003E to ensure attribution is properly tracked across multiple domains.\u003C/p\u003E\u003C/article\u003E\u003C/section\u003E\u003Csection class=\u0022faq\u0022\u003E\u003Ch3\u003ECan I install the beacon with Google Tag Manager?\u003C/h3\u003E\u003Carticle\u003E\u003Cp\u003ENo, Google Tag Manager does not currently support DailyStory\u0027s beacon.\u003C/p\u003E\u003C/article\u003E\u003C/section\u003E\u003Csection class=\u0022faq\u0022\u003E\u003Ch3\u003EWhat if I\u0027m using WordPress?\u003C/h3\u003E\u003Carticle\u003E\u003Cp\u003EPlease use our\u0026nbsp;\u003Ca href=\u0022/article/qfl7mox9nn-install-daily-story-tracking-tag-in-word-press\u0022\u003EWordPress plugin\u003C/a\u003E.\u003C/p\u003E\u003C/article\u003E\u003C/section\u003E\u003Csection class=\u0022faq\u0022\u003E\u003Ch3\u003EWhat if I\u0027m using Shopify?\u003C/h3\u003E\u003Carticle\u003E\u003Cp\u003EThe beacon is automatically installed with the integration, so no further work required!\u0026nbsp;\u003C/p\u003E\u003C/article\u003E\u003C/section\u003E\r\n\u003Cscript type=\u0022application/ld\u002Bjson\u0022\u003E\r\n{\r\n  \u0022@context\u0022: \u0022https://schema.org\u0022,\r\n  \u0022@type\u0022: \u0022FAQPage\u0022,\r\n  \u0022mainEntity\u0022: [\r\n{\r\n    \u0022@type\u0022: \u0022Question\u0022,\r\n    \u0022name\u0022: \u0022Where should I place the script for the beacon?\u0022,\r\n    \u0022acceptedAnswer\u0022: {\r\n    \u0022@type\u0022: \u0022Answer\u0022,\r\n    \u0022text\u0022: \u0022Place the beacon JavaScript in the\u0026nbsp; \u0026lt;head\u0026gt; \u0026nbsp;section of all pages in your website, as well as any landing pages. It\u0027s important that the beacon is available on any pages people may visit. The script for the beacon is lightweight and small and will not interfere with page loads. After the page loads the beacon loads in additional JavaScript behind the scenes.\u0022\r\n    }\r\n},\r\n{\r\n    \u0022@type\u0022: \u0022Question\u0022,\r\n    \u0022name\u0022: \u0022How does the beacon work?\u0022,\r\n    \u0022acceptedAnswer\u0022: {\r\n    \u0022@type\u0022: \u0022Answer\u0022,\r\n    \u0022text\u0022: \u0022The beacon: identifies and captures website visit data used for automations and other intent-based tracking;\u0026nbsp;loads the DailyStory JavaScript API;\u0026nbsp;enables features, such as Magic Forms and Popups ; and tracks incoming links to your website\u0022\r\n    }\r\n},\r\n{\r\n    \u0022@type\u0022: \u0022Question\u0022,\r\n    \u0022name\u0022: \u0022Is there anything else to install?\u0022,\r\n    \u0022acceptedAnswer\u0022: {\r\n    \u0022@type\u0022: \u0022Answer\u0022,\r\n    \u0022text\u0022: \u0022No, the beacon does not require any other JavaScript libraries.\u0022\r\n    }\r\n},\r\n{\r\n    \u0022@type\u0022: \u0022Question\u0022,\r\n    \u0022name\u0022: \u0022Is there support for cross domain attribution tracking?\u0022,\r\n    \u0022acceptedAnswer\u0022: {\r\n    \u0022@type\u0022: \u0022Answer\u0022,\r\n    \u0022text\u0022: \u0022Yes, this is an advanced, enterprise feature of DailyStory that enables cross-domain tracking to ensure attribution is properly tracked across multiple domains.\u0022\r\n    }\r\n},\r\n{\r\n    \u0022@type\u0022: \u0022Question\u0022,\r\n    \u0022name\u0022: \u0022Can I install the beacon with Google Tag Manager?\u0022,\r\n    \u0022acceptedAnswer\u0022: {\r\n    \u0022@type\u0022: \u0022Answer\u0022,\r\n    \u0022text\u0022: \u0022No, Google Tag Manager does not currently support DailyStory\u0027s beacon.\u0022\r\n    }\r\n},\r\n{\r\n    \u0022@type\u0022: \u0022Question\u0022,\r\n    \u0022name\u0022: \u0022What if I\u0027m using WordPress?\u0022,\r\n    \u0022acceptedAnswer\u0022: {\r\n    \u0022@type\u0022: \u0022Answer\u0022,\r\n    \u0022text\u0022: \u0022Please use our\u0026nbsp; WordPress plugin .\u0022\r\n    }\r\n},\r\n{\r\n    \u0022@type\u0022: \u0022Question\u0022,\r\n    \u0022name\u0022: \u0022What if I\u0027m using Shopify?\u0022,\r\n    \u0022acceptedAnswer\u0022: {\r\n    \u0022@type\u0022: \u0022Answer\u0022,\r\n    \u0022text\u0022: \u0022The beacon is automatically installed with the integration, so no further work required!\u0026nbsp;\u0022\r\n    }\r\n}\r\n    ]\r\n}\r\n\u003C/script\u003E","publish_status":0,"post_type":"Article","authoruid":"3dde8c16-763a-4a2b-ae0b-1d8c50c62e3d","author":{"authoruid":"3dde8c16-763a-4a2b-ae0b-1d8c50c62e3d"},"featured_image_updating":false,"meta_description":"Install the DailyStory beacon JavaScript to enable advanced website tracking, popups, forms, and conversion tools across all your web pages.","display_toc":true,"has_workingcopy":false,"allow_indexing":true,"sort_order":0,"total_views":1535,"date_published":"2025-05-20T17:18:00","date_updated":"2026-04-10T17:22:03.12","date_created":"2025-04-23T17:16:43.12"}}}