HTML loading in Settings Body Script but not in HTML element


I am trying to implement a html element into my webpage. It works when loaded as an iFrame or when put in the body section of entire web apps html editor, but not in just the raw html element (without using the iframe)

I am wondering if someone could explain why this is and if it is possible to display this script without an iframe (works perfectly in jsfiddle)


<script type="text/javascript">
amzn_assoc_placement = "adunit0";
amzn_assoc_search_bar = "true";
amzn_assoc_tracking_id = "macb027-20";
amzn_assoc_search_bar_position = "bottom";
amzn_assoc_ad_mode = "search";
amzn_assoc_ad_type = "smart";
amzn_assoc_marketplace = "amazon";
amzn_assoc_region = "US";
amzn_assoc_title = "Shop Related Products";
amzn_assoc_default_search_phrase = "iphone";
amzn_assoc_default_category = "All";
amzn_assoc_linkid = "69f9362ed1f8b1964f92ec9006d9b220";
<script src="//"></script>

@tim31 , below an example of a couple of elements in a Bubble html element. It seems to work well. What type of element are you trying to implement, can you show us the code?

Example of the html code:

The result on the page:

Best Regards,

Gerbert de Langen
MOG Consultancy B.V.

1 Like

Hi Gerbert, Apologies I forgot to include in the original post, I have edited it in now. Thanks

Hi Tim, no problem. I dont see any element appearing on the page btw. However when I add your script to the HTML header of the page (see image below), I do see that there is a DIV added to the page (using the Chrome Developer tools, press F12), see the 2nd image. Is that what you expect?

Yes thats exactly whats expected. Just wondering why it does work in the page html header and not in the html element. I am wanting to customise the size and positioning and I believe that isn’t easily done in the page header?

Thanks for your response!

Did you ever determine why it works in the header HTML and not in a body HTML element? I have the same issue.

Same here… have you been able to fix it @rcrum ?