If your Pixel app employs Javascript, then you’ll also need to add scripts to the store's <header> and/or <body> tags in order to fetch and send the needed data.
️ Adding a script in your store's
<header>ensures that it will be executed before any of the other HTML elements on the page are rendered. Although this may impair your store's performance, it is a good option if your Pixel app relies on the interaction between users and the store components. Adding a script in the store's<body>tag can increase performance rates, but at the cost of losing important user data while it is executed. Choose wisely according to your Pixel app functionality.
- Create a new file called
header.htmlinside your app'spixelfolder in order to add a script to a page’s<header>. - Create a new file called
body.htmlinside your app'spixelfolder in order to add a script to the end of the page’s<body>tag. - In the desired files, add the
settingsSchemavariable value - the same one used in the previous step. For example:
<script>
// Using via JavaScript
var appId = "{{settings.gtmId}}";
</script>
<!-- Using directly in a HTML tag -->
<script src="//foobar.com?gtmId={{settings.gtmId}}"></script>
In the example above, we use the gtmID user identification.
Updated 4 days ago
What's Next
| Listening to store events |