Please follow the steps below to add your google tag manager snippet to your website.


For sites with one google tag manager snippet


1. Log in to your instance.




2. From your instance's dashboard, head to "Sites & Departments" in the left sidebar.




3. You will come to a page listing your site and some options below your site name. 

Click on the gear icon next to your site's name. (circled in green below)




4. Select the "HTML Overrides" tab under "Edit Website". When you are on the correct tab, it will be highlighted green, as shown below.




5. You will see the "Head Scripts" section. Make sure it is the HEAD SCRIPTS section, as the first part of your google tag manager snippet will need to be in the <head> tag to ensure everything is as accurate as possible and there are no issues. (circled in green below)



Google Tag Manager will look like this for the first part of your snippet (please note that your snippet can be slightly different than what appears here.)


FIRST PART OF YOUR TAG MANAGER SNIPPET IN THE HEAD SCRIPTS SECTION:




6. You will also see the "Top Scripts" section right below that. Make sure it is the TOP SCRIPTS section, as the second part of your google tag manager snippet will need to be outside of the <head> tag and right after it to ensure everything is as accurate as possible and there are no issues. (circled in green below)


Google Tag Manager will look like this for the second part of your snippet (please note that your snippet can be slightly different than what appears here.)


SECOND PART OF YOUR TAG MANAGER SNIPPET IN THE TOP SCRIPTS SECTION: 




7. Copy the first part of your google tag manager snippet and then paste it into the black box next to "Head Scripts" section. Then, copy the second part of your tag manager snippet and paste it into the "Top Scripts" section.




8. Before you save, triple check that you have pasted your snippet next to the correct sections stated above, then scroll to the very bottom of the page and click on the green "Save" button to save your work. You have now successfully installed your google tag manager snippet and are done!







For sites with multiple google tag manager snippets


The process for adding multiple analytics/google tag manager snippets is almost the same as above. However, there are some slight differences as to where you will add these snippets in. This method is recommended if your site contains multiple schools each with their own tracking snippet and dedicated template. This will help prevent conflicts with other snippets, inaccurate data and data contamination.


1. Log in to your instance.




2. From your instance's dashboard, head to "Themes & Layouts" in the left sidebar.




3. ! IMPORTANT ! PLEASE NOTE: You will want to be EXTREMELY careful when editing the Outer/Inner layouts as ANY CHANGES you make to this section cannot be undone by Campus Suite. If you accidentally delete/clone over your layout, you WILL have to start over.


You will come to a page listing all of your site's themes and some options below each theme's name. 

Click on the "Outer Layouts" link next to your Theme's name corresponding to the site you are adding your analytics/google tag manager snippet to. 

(circled in green below)




4. You will come to a page listing all outer layouts for that theme. If you have multiple outer layouts, select the one that is currently in use. You can determine which one is in use by looking at the star next to the corresponding outer layout. If it is in use, the star will be highlighted green. If it is not in use, it will be blank and outlined in black. 

Click the pencil "Edit" icon next to the star of the correct, in-use layout. (circled in green below)




5. From here, you should automatically be in the settings for this outer layout. If for some reason it loads the outer layout instead, click on "Settings" in the left sidebar




6. You will see the "Head Scripts" section. Make sure it is the HEAD SCRIPTS section, as the first part of your google tag manager snippet will need to be in the <head> tag to ensure everything is as accurate as possible and there are no issues. (circled in green below)



Google Tag Manager will look like this for the first part of your snippet (please note that your snippet can be slightly different than what appears here.)


FIRST PART OF YOUR TAG MANAGER SNIPPET IN THE HEAD SCRIPTS SECTION:




7. You will also see the "Top Scripts" section right below that. Make sure it is the TOP SCRIPTS section, as the second part of your google tag manager snippet will need to be outside of the <head> tag and right after it to ensure everything is as accurate as possible and there are no issues. (circled in green below)


Google Tag Manager will look like this for the second part of your snippet (please note that your snippet can be slightly different than what appears here.)


SECOND PART OF YOUR TAG MANAGER SNIPPET IN THE TOP SCRIPTS SECTION: 


8. Copy the first part of your google tag manager snippet and then paste it into the black box next to "Head Scripts" section. Then, copy the second part of your tag manager snippet and paste it into the "Top Scripts" section.




9. Before you save, triple check that you have pasted your snippet next to the correct sections stated above, then click on the "Save" button in the left sidebar to save your work. You have now successfully installed your google tag manager snippet for this theme.




10. Repeat Steps 1-9 for each theme's outer layout in Step 3 with the correct corresponding snippet for that theme. You have now successfully installed all google tag manager snippet for your website and are done!