Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

How to add Booking.com Affiliate Widget to Website


claudinosun

Question

Site URL: https://www.thelosttwo.com/blog/four-seasons-beverly-hills

Hi All,

I am having trouble adding the booking.com affiliate map widget to: https://www.thelosttwo.com/blog/four-seasons-beverly-hills. I copy and paste it but it just shows up as "booking.com" and the map is nowhere to be found. My ajax loading is disabled. 

 

This is the code:

 

<ins class="bookingaff" data-aid="2180661" data-target_aid="2180661" data-prod="map" data-width="400" data-height="300" data-lang="ualng" data-dest_id="0" data-dest_type="landmark" data-latitude="34.0730472" data-longitude="-118.3893444" data-landmark_name="300 Doheny Dr" data-mwhsb="0" data-address="Four Seasons Hotel Los Angeles At Beverly Hills, 300 Doheny Dr, Los Angeles, CA 90048, United States">
    <!-- Anything inside will go away once widget is loaded. -->
        <a href="//www.booking.com?aid=2180661">Booking.com</a>
</ins>
<script type="text/javascript">
    (function(d, sc, u) {
      var s = d.createElement(sc), p = d.getElementsByTagName(sc)[0];
      s.type = 'text/javascript';
      s.async = true;
      s.src = u + '?v=' + (+new Date());
      p.parentNode.insertBefore(s,p);
      })(document, 'script', '//aff.bstatic.com/static/affiliate_base/js/flexiproduct.js');
</script>

 

Is there anything I need to change?

 

Thank you!

Link to comment
  • Answers 3
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

3 answers to this question

Recommended Posts

  • 0
15 hours ago, claudinosun said:

Site URL: https://www.thelosttwo.com/blog/four-seasons-beverly-hills

Hi All,

I am having trouble adding the booking.com affiliate map widget to: https://www.thelosttwo.com/blog/four-seasons-beverly-hills. I copy and paste it but it just shows up as "booking.com" and the map is nowhere to be found. My ajax loading is disabled. 

 

This is the code:

 

<ins class="bookingaff" data-aid="2180661" data-target_aid="2180661" data-prod="map" data-width="400" data-height="300" data-lang="ualng" data-dest_id="0" data-dest_type="landmark" data-latitude="34.0730472" data-longitude="-118.3893444" data-landmark_name="300 Doheny Dr" data-mwhsb="0" data-address="Four Seasons Hotel Los Angeles At Beverly Hills, 300 Doheny Dr, Los Angeles, CA 90048, United States">
    <!-- Anything inside will go away once widget is loaded. -->
        <a href="//www.booking.com?aid=2180661">Booking.com</a>
</ins>
<script type="text/javascript">
    (function(d, sc, u) {
      var s = d.createElement(sc), p = d.getElementsByTagName(sc)[0];
      s.type = 'text/javascript';
      s.async = true;
      s.src = u + '?v=' + (+new Date());
      p.parentNode.insertBefore(s,p);
      })(document, 'script', '//aff.bstatic.com/static/affiliate_base/js/flexiproduct.js');
</script>

 

Is there anything I need to change?

 

Thank you!

Don't remove any code.

Add this to Design > Custom CSS

iframe[src*="booking.com"] {
    width: 100% !important;
    height: 500px !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...