<% user.full_name %>
<% util.level ? util.level.title : '' %>
Explorer Pioneer Apollo Viking Voyager Pathfinder Orion
Points
<% user.points ? user.points.toLocaleString() : 0 %>
Badges
<% util.badgeCount %>
Streaks
Congratulations You've <% util.newestBadge.isCurriculum ? 'completed' : 'earned' %> the
<% util.newestBadge.title %> <% util.newestBadge.isCurriculum ? 'curriculum' : 'badge' %>!
previous
next
Share to Social Media
Linked In Facebook
Status
<% util.level ? util.level.title : '' %>
<% util.level ? util.level.points : '' %>
<% util.nextLevel ? util.nextLevel.title : '' %>
<% util.nextLevel ? util.nextLevel.points : '' %>
Level up! <% util.levelPointsRemaining %> points to go
Level up! <% util.levelPointsRemaining %> points to go
Badges
Completed Hitchhikers Program Track Completed Content Track Completed Pages Track Completed Page Builder Track Completed Search Backend Track Completed Search Frontend Theme Track Completed Search UI React Track Completed Solution Templates and the Admin Console Track Completed Technical Skills Track Completed Platform Basics Track Completed Listings Track Completed Reviews Track Completed Industry Overview Track Completed Analytics Track Completed Industry Overview & Product Basics Track Completed Knowledge Assistant Track Completed Multi-Language Experiences Track Completed Fall '22 Release Highlights Track Completed Spring '23 Release Highlights Track Completed Chat Track Completed Summer '23 Release Highlights Track Completed Fall '23 Release Highlights Track
<% util.expandBadges ? 'Less' : 'More' %>
Playground Accounts
New +
No Playground Accounts
Create Playground +
View Profile
Log Out loading
Mission Complete! 🚀
Congratulations, you’ve completed your first module!

We hope you enjoy exploring the rest of the site. Please don’t forget to leave us feedback - we are constantly looking to improve. Happy Hitchhiking!
Home
Welcome to Hitchhikers! 👋
To learn more about the platform we encourage you to get started by completing the Hitchhikers Program Track and earning your first badge!
Start Here
Close notification
Guide
Search Integration - Creating Search Results Page
Arrow Back
Completed
Introduction
Introduction
completed
Completed 1
Step 1
Approach 1 - JS Snippet Integration
completed
Completed 2
Step 2
Approach 2 - Subdomain Integration
completed
Completed 3
Step 3
Add Sitelinks Search Box Schema
completed
Completed 4
Step 4
Configure the JS Snippet for Your Analytics Platform (Optional for Approach 1)
completed
Completed 5
Step 5
(Optional) Search Snippet Generator
completed
home

Step 4: Configure the JS Snippet for Your Analytics Platform (Optional for Approach 1)

As noted at the end of Step 1, this step is optional. This step should be followed (in addition to Step 1) if you have custom analytics (like Adobe) that are hosted on your domain and will also be added to Search.

If you’re using an analytics platform that relies on first party cookies, you might risk losing those cookies when a user enters the Yext iFrame. In order to make sure those cookies are properly preserved between the Yext iFrame and the page, you’ll need to set up a subdomain of your main domain, and CNAME that subdomain over to our Yext hosting environment. This will make the iFrame a first-party iFrame, allowing the iFrame to access cookies set by your main domain.

1. Confirm Cookies Are Set at Root of Main Domain

Make sure any cookies are set at the root of your main domain, rather than a subdomain. For example, if your site is yourdomain.com, and your cookies are set at www.yourdomain.com, the iFrame will not be able to access them.

2. Set Up a Subdomain for the iFrame

To make sure that the cookies are set at the same domain, you’ll create a subdomain from which to host your search experience.

A. Choose a subdomain

This subdomain will be where Yext hosts the search experience. Since this domain will not be consumer facing, the naming of the domain is not important, but we’d recommend something like search.mydomain.com.

B. Create a CNAME record

Create a CNAME record pointed to mysubdomain.mydomain.com.pagescdn.com..

  • Be sure to include the subdomain in its entirety. For example, if you selected search.mydomain.com, then your CNAME will point to search.mydomain.com.pagescdn.com.
  • Note the trailing dot (.) - it is required by the DNS specification when setting up a CNAME to another domain (pagescdn.com, in this case). Some DNS providers may handle this automatically; your IT team will know how to configure the record correctly.
  • If you have an internal DNS, make sure to set up the CNAME record there, too (mysubdomain.mydomain.com pointed to mysubdomain.mydomain.com.pagescdn.com.), otherwise the subdomain will not display on your internal network.

C. Let us know which subdomain you’ve selected.

We will perform a few tests and confirm the configuration is active. Please note, no content will appear until we’ve deployed your site to our production environment. Prior to launch you may see an error message stating that no content is present.

3. Add the Search Experience to the Search Page

You’ll follow the same instructions to add the search page here , however the production URL will be the domain you selected above. For example, if you selected search.mydomain.com, you’ll add:

<html>
  <head></head>
  <body>
    <header></header>
    <div id="answers-container"></div>
    <script src="search.mydomain.com/iframe.js"></script>
    <footer></footer>
  </body>
</html>
Feedback
<% elem.innerText %>