Script: Update a Survey Favicon

This article will help you add code to a update your survey Favicon

Background

When taking a survey, the icon which appears in the browser tab is a blank white square. You may want to update this with a specific icon. Below is an image of what you will see by default as a real respondent. 

Instructions

1. Access the 'Build & Edit' Tool
2. You will need to upload your .ico file to the 'File Upload' section
   • Uploading Images/Videos
3. Access the 'Default Text' 
   • See article: Default Text: Accessing Default Text Menu
4. Click on the HTML Editor icon tied to the 'Survey Header' 
   
5. Access the Source Code Editor (</>)
   • See Article: Source Code Editor
6. While in the Source Code Editor, add the following code
   

   <script type="text/javascript">
   /* Update Survey Favicon */
   	(function()
   	{
   		var link = document.querySelector("link[rel*='icon']") || document.createElement('link');
   		link.type = 'image/x-icon';
   		link.rel = 'shortcut icon';
   		link.href = 'https://cmix.com/surveyContent/favicon.ico';
   		document.getElementsByTagName('head')[0].appendChild(link);
   	})();
   </script>
   	

NOTE

• This icon will ONLY appear when using the live link. Test links will still have the default Cmix icon.