Creating a new project
Inside your dashboard:
On the left menu, go to "OTTO & Audit"
On the menu that will open, select "All Sites"
Click on the "+ Create" button
On the pop up, you can either enter a website on the textbox or select one from the list
After selecting it, click on "Continue"
On "Step 2", you may add some info related to GSC, Google Business, AI Model and Knowledge Graph. All fields here are optional, but we highly recommend you to fill them, to have a better experience with OTTO.
After filling them all, hit "Continue".
Now, proceed to install OTTO in your preferred platform.
Adding OTTO to WordPress
Install the plugin
Inside WordPress:
On the left menu, go to "Plugins"
Click on "Add New Plugin"
Search for "Search Atlas SEO"
And then, click on "Install Now"
Activate the plugin
On the "Search Atlas SEO" banner, just click on "Activate"
Configure the plugin
On your WordPress site:
Select “Search Atlas” on the left menu
Select “Enable OTTO” checkbox
Fill out the “Otto Pixel UUID” field, with the UUID you got on Step 3 of "Creating a new project" above
OTTO UUID provided by Search Atlas
WordPress fields to be filled out
Save changes
Enable OTTO SEO
Go back to your Search Atlas' dashboard
Select your website on the list
Apply changes by clicking on the "Enable" button
Adding OTTO Pixel to other platforms
How to Install the OTTO Pixel on a GoDaddy Website
To install the OTTO Pixel on your GoDaddy website, you have several options based on the platform's limitations, such as its restriction on inserting code directly into the head section of web pages. Below are the methods you can use:
1. Using iframe-Compatible HTML Code
Since GoDaddy does not allow direct code insertion in the header, you can use an iframe-compatible HTML code to install the OTTO Pixel. Follow these steps:
Open the webpage editor for your GoDaddy site.
Insert the following iframe-compatible HTML code in the appropriate section of your webpage:
<!-- Dynamic Optimization - iFrame Compatible -->
<script>
(function(w, d, s, u) {
if (w.self !== [w.top](https://w.top) && w.parent) {
w = w.parent;
d = w.document;
}
var script = d.createElement(s);
script.setAttribute("nowprocket", "");
script.setAttribute("type", "text/javascript");
script.setAttribute("id", "sa-dynamic-optimization");
script.setAttribute("data-uuid", "2244178b-3482-4498-8c15-1fde6356b74f");
script.src = "https://dashboard.searchatlas.com/scripts/dynamic_optimization.js";
d.head.appendChild(script);
})(window, document, 'script');
</script>Ideally, place the iframe code in the site's head-equivalent section or as close to the top of the page as possible. This ensures the script loads promptly without causing delays.
Save your changes and test the pixel functionality on the webpage.
2. Installing via Google Tag Manager
Using Google Tag Manager (GTM) also offers a robust solution for integrating the OTTO Pixel on GoDaddy. Here's how:
Ensure you have admin credentials for GTM access.
Access Google Tag Manager and create a new tag.
Add the pixel code snippet as a tag in GTM:
<!-- Dynamic Optimization - iFrame Compatible -->
<script>
(function(w, d, s, u) {
if (w.self !== [w.top](https://w.top) && w.parent) {
w = w.parent;
d = w.document;
}
var script = d.createElement(s);
script.setAttribute("nowprocket", "");
script.setAttribute("type", "text/javascript");
script.setAttribute("id", "sa-dynamic-optimization");
script.setAttribute("data-uuid", "2244178b-3482-4498-8c15-1fde6356b74f");
script.src = "https://dashboard.searchatlas.com/scripts/dynamic_optimization.js";
d.head.appendChild(script);
})(window, document, 'script');
</script>Publish your GTM changes.
Refer to the instructional video here for detailed guidance on deploying custom code using GTM with GoDaddy.
Verify that all triggers in GTM are configured correctly so the OTTO Pixel fires at the appropriate times.
Check your GTM container for any accidental duplicate implementations.
3. Using GoDaddy Website Editor
If your GoDaddy template permits site-wide code addition, you can explore this method:
Go to the website editor (accessible via "My Products" > "Websites + Marketing").
Locate the settings panel and navigate to the "Site-wide Code" or "Header Code" sections.
Place your OTTO Pixel code before the closing
</head>tag.Save and test to confirm if the pixel is active.
Troubleshooting and Verification
Duplicate Script Errors
Duplicate scripts often cause tracking issues. These errors occur when the OTTO Pixel script is added multiple times across a single site or page.
Check if the script appears in both the
<head>and<body>sections of your website.If you’re using GTM, ensure the script is not implemented elsewhere.
Remove all duplicates, leaving one instance of the script, ideally within the
<head>section.
If using the iframe method, ensure the script is placed on a test page to confirm functionality. Once verified, apply site-wide if needed.
Use browser developer tools or online pixel checkers to ensure the OTTO Pixel is firing correctly after installation.
Additional Notes
GoDaddy templates and functions can vary; always validate the feasibility before choosing an installation method.
The placement of the pixel code (e.g., in the head or as close to the top of the page as possible) is crucial for optimal performance.
For adding OTTO Pixel to other platforms not covered here, check the tutorials in here.
For a visual demonstration, refer to the OTTO Pixel Installation walkthrough video. Note that the video does not feature audio, but it provides a detailed, step-by-step visual guide for the installation process.