Event Tracking iFrame Error Solution

If you run into the issue where Visitor Tracking is telling you: “There was a problem connecting to your website” then please follow this guide!

Your website currently has iframe rendering disabled, which is crucial for the Event Tracking selector to function properly. iFrames are used to embed and isolate third-party content on web pages, and disabling them can affect various functionalities, including analytics and tracking tools.

Here’s the video solution, with more details below in text:

Option 1: Manual Input of Selectors

Step 1: Identify Elements

• Open your website in a browser.
• Right-click on the button or element you want to track and select “Inspect” to open the developer tools.

Step 2: Locate the Class or ID

• In the Elements panel of the developer tools, locate the class or id attribute of the element. It might look something like class="submit-button" or id="submitBtn".

Step 3: Input into Event Tracker

• Log into your event tracking tool.
• Navigate to the section where you set up event tracking.
• Manually input the class or ID you identified into the designated field, often formatted as .submit-button for classes or #submitBtn for IDs.

Option 2: Enabling iFrame Rendering

Step 1: Contact Hosting Provider

• Reach out to your hosting provider’s support team. You can usually find contact information on their website under “Support” or “Contact Us”.

Step 2: Request X-Frame-Options Update

• Explain that you need the X-Frame-Options or Content-Security-Policy headers updated to allow iframe rendering. Specifically, you might request removing X-Frame-Options to SAMEORIGIN. For Content-Security-Policy, you might need to add frame-ancestors 'self' [source] where [source] is allowing app.visitortracking.com.

Step 3: Implement Changes

• Once your hosting provider confirms the changes, verify by attempting to use the Event Tracking selector again on your website.