Nickelled let's you include custom code which will be run on every guide view. This is a powerful way to customize your guides and tweak them if you want to make changes.

Below are some examples.

Example 1: Making a menu relative instead of fixed

<style>
   #menu {
       left: calc(50% - 500px);
   }
</style>

Example 2: Renaming the guide title to make it clearer it's a guide:

<script>
 document.addEventListener('DOMContentLoaded', function() {
   document.title = 'Guide: ' + document.title;
 }, false);
</script>

Example 3: Adding custom tracking code

<script type="text/javascript">
  !function(){var analytics=window.analytics=window.analytics||[];if(!analytics.initialize)if(analytics.invoked)window.console&&console.error&&console.error("Segment snippet included twice.");else{analytics.invoked=!0;analytics.methods=["trackSubmit","trackClick","trackLink","trackForm","pageview","identify","reset","group","track","ready","alias","debug","page","once","off","on"];analytics.factory=function(t){return function(){var e=Array.prototype.slice.call(arguments);e.unshift(t);analytics.push(e);return analytics}};for(var t=0;t<analytics.methods.length;t++){var e=analytics.methods[t];analytics[e]=analytics.factory(e)}analytics.load=function(t){var e=document.createElement("script");e.type="text/javascript";e.async=!0;e.src=("https:"===document.location.protocol?"https://":"http://")+"cdn.segment.com/analytics.js/v1/"+t+"/analytics.min.js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(e,n)};analytics.SNIPPET_VERSION="4.0.0";
  analytics.load("YOUR_WRITE_KEY");
  analytics.page();
  }}();
</script>


If you're not sure how to make some changes it's best to speak to the Nickelled team so we can help you. Because any custom code you add will run on all your guides it's possible that you could disable your guides by accident.

Did this answer your question?