Hy.ly Help Center

            Guidelines: Embedding Hy.ly Beacon into Websites


            All Pages

            Embed this:

            • Where? All site pages.
            • What? Add ONE instance of the following:
              • PID is a property id that will change depending on the property. For now, please code using pid=PID. We will provide the final PID when you are ready to go on stage.
              • Please note there is no http or https at the beginning of the URL.
            <script async src='//beacon.hy.ly/track/beacon.js?v=1&pid=PID'></script>

            Example:

            If the final pid associated with your property was 1570205899999999999, this will be added to all pages:
            <script async src='//beacon.hy.ly/track/beacon.js?v=1&pid=1570205899999999999'></script>


            Dynamic Number Insertion

            Embed this:

            • Where? Every text that corresponds to a phone number that you would like to change to correspond to a tracking phone number
            • What? Add the attribute class='hybeacon-phonenumber' to the <a> tag containing the phone number.  This will replace
              • The inner HTML of that <a> element with the tracking phone number for the source.
              • The xxx content in the href='tel:xxx' element in that <a> element.

            Example:

            If the prospect came from a Google Ad and the tracking phone number for Google Ads was 888-888-1111,
            <a class='hybeacon-phonenumber' href='tel:800-555-1212'>800-555-1212</a>
            will be transformed to
            <a class='hybeacon-phonenumber' href='tel:800-888-1111'>800-888-1111</a>

            Dynamic Source Insertion for hyTours

            Embed this:

            • Where? Every link or button that corresponds to a hyTours Schedule a Tour link
            • What? Add class='hybeacon-tourslink' to a div will add the tag corresponding to the source to the href.

            Example:

            If the prospect came from a Apartments.com and the tag associated with Apartments.com was aptscom
            <a class='hybeacon-tourslink' href='https://schedule.tours/tollbrothers/thekendrick/schedule'>Schedule a Tour</a>
            will be transformed to
            <a class='hybeacon-tourslink' href='https://schedule.tours/tollbrothers/thekendrick/schedule?src=w.aptscom'>Schedule a Tour</a>


            hyForm insertion

            Embed this:

            • Where? Any page where a hyForm should be embedded. Hy.ly can define multiple forms
              • Contact Form (aka Guest Card)
              • Subscription Form (Just name+email to send the latest updates to the prospect.)
            • What? Add the following to where you would like the form to show up on the page. It will be substituted by an appropriate iFrame.  In the following,
              • PID is a property id that will change depending on the Toll Brothers property. For now, please code using pid=PID.
              • FORMID corresponds to the form id you would like embedded.
              • VARIANTID corresponds to the variant of the form for different channels
              • Please note there is no http or https at the beginning of the URL.
            <div id="hy-FORMID-VARIANTID" class="hybeacon-formembed"> </div>
            <script async src="//beacon.hy.ly/mktg/fjs/FORMID/0.js?pid=PID"></script>
            We will provide the final PID and Form ID once we receive specifications of the forms

            Example:

            If we assume,
            • FORMID for the Subscription Form is KoDPvI6Rs
            • VARIANTID for the Subscription Form is 0
            • PID for the Property is 1577798301335022610
            then, the final embed would look like
            <div id="hy-KoDPvI6Rs-0" class="hybeacon-formembed"> </div>
            <script async src="//beacon.hy.ly/mktg/fjs/KoDPvI6Rs/0.js?pid=1577798301335022610"></script>

            Updated: 22 Oct 2019 12:17 AM
            Helpful?  
            Help us to make this article better
            0 0