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
orid
attribute of the element. It might look something likeclass="submit-button"
orid="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
orContent-Security-Policy
headers updated to allow iframe rendering. Specifically, you might request removingX-Frame-Options
toSAMEORIGIN
. ForContent-Security-Policy
, you might need to addframe-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.