Listicle monetization: how to add tracking pixels per item/slide

We understand that monetizing a slideshow or listicle is a vital practice for publishers these days, so here's a comprehensive breakdown on how to implement a tracking pixel per slide with trackSlide.
1) Go into the Layout and Design tool link in your left nav.
[rebelmouse-proxy-image https://media.rbl.ms/image?u=%2Fmedia.forumbee.com%2Fi%2Fe48b61be-8de7-414e-857d-8f28c6b54d24%2F547.png&ho=https%3A%2F%2Fs3-us-west-2.amazonaws.com&s=886&h=db9041f482759cd4caeef874ede12322aed82a64e86370dc201f88d4d22c9a70&size=980x&c=2110646623 crop_info="%7B%22image%22%3A%20%22https%3A//media.rbl.ms/image%3Fu%3D%252Fmedia.forumbee.com%252Fi%252Fe48b61be-8de7-414e-857d-8f28c6b54d24%252F547.png%26ho%3Dhttps%253A%252F%252Fs3-us-west-2.amazonaws.com%26s%3D886%26h%3Ddb9041f482759cd4caeef874ede12322aed82a64e86370dc201f88d4d22c9a70%26size%3D980x%26c%3D2110646623%22%7D" caption="" pin_description="" image-library="0" expand=1 photo_credit=""]
2) Click on the Post Page on the design tool menu, that's where we will be adding the pixel.
[rebelmouse-proxy-image https://media.rbl.ms/image?u=%2Fmedia.forumbee.com%2Fi%2Fce093783-f16d-4cf1-838a-2a05ef4e6fe1%2F547.png&ho=https%3A%2F%2Fs3-us-west-2.amazonaws.com&s=104&h=46f460cdfeb7d989fc6fc3d38b6ddc5ba9291a8a2cce0ceb06730d75c6a254e0&size=980x&c=2388139208 crop_info="%7B%22image%22%3A%20%22https%3A//media.rbl.ms/image%3Fu%3D%252Fmedia.forumbee.com%252Fi%252Fce093783-f16d-4cf1-838a-2a05ef4e6fe1%252F547.png%26ho%3Dhttps%253A%252F%252Fs3-us-west-2.amazonaws.com%26s%3D104%26h%3D46f460cdfeb7d989fc6fc3d38b6ddc5ba9291a8a2cce0ceb06730d75c6a254e0%26size%3D980x%26c%3D2388139208%22%7D" caption="" pin_description="" image-library="0" expand=1 photo_credit=""]
3) Click on the '+Add Element' button and select the Custom HTML.
[rebelmouse-proxy-image https://media.rbl.ms/image?u=%2Fmedia.forumbee.com%2Fi%2Fad1b5d6b-ad31-4527-a735-613df3731901%2F547.png&ho=https%3A%2F%2Fs3-us-west-2.amazonaws.com&s=942&h=76c458b68e4864193ede9d238081d9e1c78b95808d0e403857df5468aa3eb19b&size=980x&c=4120165413 crop_info="%7B%22image%22%3A%20%22https%3A//media.rbl.ms/image%3Fu%3D%252Fmedia.forumbee.com%252Fi%252Fad1b5d6b-ad31-4527-a735-613df3731901%252F547.png%26ho%3Dhttps%253A%252F%252Fs3-us-west-2.amazonaws.com%26s%3D942%26h%3D76c458b68e4864193ede9d238081d9e1c78b95808d0e403857df5468aa3eb19b%26size%3D980x%26c%3D4120165413%22%7D" caption="" pin_description="" image-library="0" expand=1 photo_credit=""]
The position you insert it is not relevant, but we suggest somewhere easy to find.
Remember to name the element so it's easily recognizable too.
[rebelmouse-proxy-image https://media.rbl.ms/image?u=%2Fmedia.forumbee.com%2Fi%2F41728bbe-0000-479e-ba09-b7cdd79272e6%2F547.png&ho=https%3A%2F%2Fs3-us-west-2.amazonaws.com&s=416&h=58ac67ff0183e3ebf35c7d2adb921eb90e41c5aa095ef79b9514464dfc62c606&size=980x&c=2793441596 crop_info="%7B%22image%22%3A%20%22https%3A//media.rbl.ms/image%3Fu%3D%252Fmedia.forumbee.com%252Fi%252F41728bbe-0000-479e-ba09-b7cdd79272e6%252F547.png%26ho%3Dhttps%253A%252F%252Fs3-us-west-2.amazonaws.com%26s%3D416%26h%3D58ac67ff0183e3ebf35c7d2adb921eb90e41c5aa095ef79b9514464dfc62c606%26size%3D980x%26c%3D2793441596%22%7D" caption="" pin_description="" image-library="0" expand=1 photo_credit=""]
4) There, you can insert any piece of custom JS or HTML, in this case we inserted a trackSlide script.
Example below:
<script type="text/lazy-javascript" priority="6">{{require}}(['core/event_dispatcher'], function (eventDispatcher) { eventDispatcher.on('post_page:shown', function(e) { if(window.snowplowKW) { window.snowplowKW('trackPageView'); } }, this);});</script>
5) Remember to hit 'Save' and done!