Can anyone tell me why my AirBNB widget isn't working?

Site URL: https://www.worthdrivingfor.com/blog/2020/now-i-have-a-travel-category

I'm doing a food and travel blog, and I want to add an AirBNB associate widget to my site to book the place I'm talking about. It shows up as "Script disabled" like normal when I'm editing, but when I'm done editing, it only displays as an empty box. 

I'm actually half decent at code (python in particular), but I don't know enough about HTML to spot any obvious problems. The code does work though, because I can run it in a code editor and get exactly the expected output. 

Other HTML code, such as Adsense and Amazon Ads displays fine. 

Here's the Ad code:

<div><script src="https://www.airbnb.com/embeddable/airbnb_jssdk" async=""></script><div class="airbnb-embed-frame" data-view="a4p_collection_embeddable" data-id="99584"></div></div>

Here's the page in question: https://www.worthdrivingfor.com/blog/2020/now-i-have-a-travel-category

I'll attach an image of the code running properly in a code editor. Can anyone who's better at HTML tell me why this isn't working? The site is using SSL, but the link is https, so that shouldn't be an issue. 

Just tested on my site, not working.

Where did you get the code? Can you describe in detail?

26 minutes ago, tuanphan said:

Just tested on my site, not working.

Where did you get the code? Can you describe in detail?

From the AirBNB associate program website. Just like amazon or google you can design an ad/widget and they spit out the code to copy and paste. I feel a screenshot describes it better. 

If the code just doesn't work, that at least answers my question, I was just stumped because it runs in CodeRunner. 

Anyone else? This is honestly driving me insane solely because I can't figure it out. 

UGH I am having the same problem and upgrading my site to use the widget. So annoying. 
 

it works but you have to reload the page or click “show on Airbnb” then go back and it appears but a user would never do that. 
 

have you found an answer? 

Home > Design > Site Styles > Disable Ajax Loading

I'm having problems with the links. Let's say I create a link for Aribnb 1. Then I go and create another link for Airbnb 2, so on and so forth. Somehow, the link (unique link) for Airbnb 1, now redirects to the latest link created i.e. Airbnb 10. I noticed this problem when creating the links. But then I managed to make it work and thought it was just my mistake. But then when I started doing a long list of Airbnbs (15 of them), like 10 of the links where redirecting to latest Airbnb! 

it's not working for me either and it's really ticking me off

the blog post is : http://aroundlawithtk.com/buy-black/one-bedroom-airbnb-apartment-for-rent-inglewood-near-sofi-stadium

and the airbnb listing i'm trying to embed is : https://www.airbnb.com/rooms/53162599

i followed all of the steps, exactly as instructed, and it's not embedding.. grrrrrr!  instead, it's a blob of code in the middle of the blog post

On 2/8/2022 at 2:26 PM, aroundLAwithTK said:

it's not working for me either and it's really ticking me off

the blog post is : http://aroundlawithtk.com/buy-black/one-bedroom-airbnb-apartment-for-rent-inglewood-near-sofi-stadium

and the airbnb listing i'm trying to embed is : https://www.airbnb.com/rooms/53162599

i followed all of the steps, exactly as instructed, and it's not embedding.. grrrrrr!  instead, it's a blob of code in the middle of the blog post

Don't check "Show code" (or something similar option)