Copy link to clipboard
Copied
I have an Adobe Muse page that I am trying to install a third party served advertisement on.
I have created an on page rectangle in the correct position, then right clicked to add html, and then copied and pasted the javascript zone tags for the advertisement.
See the screen grab here:
The problem is that on an ipad the ad renders before the page, and then flips all over the screen before finally stabilising on the page.
What can I do to ensure the page renders first before the ad is called?
You can see it happening in this video, I hit the refresh button at about 5 secs:
See this discussion html - Javascript that executes after page load - Stack Overflow
It might provide you with insights into troubleshooting your issue.
Thanks,
Preran
Copy link to clipboard
Copied
Not really the answer to your question, but the solution in this link javascript - load and execute order of scripts - Stack Overflow provides comprehensive info on controlling loading of web pages.
Thanks,
Preran
Copy link to clipboard
Copied
Thanks for that insight Prernan.
From your link it looks like I need to slip the attribute 'defer' into the tag somewhere.
This is a typical javascript zone tag, can anyone tell me where 'defer' should be included?
<!-- 300x250 [javascript] -->
<script type="text/javascript">
var rnd = window.rnd || Math.floor(Math.random()*10e6);
var pid228951 = window.pid228951 || rnd;
var plc228951 = window.plc228951 || 0;
var abkw = window.abkw || '';
var absrc = 'http://ab169300.adbutler-zilon.com/adserve/;ID=169300;size=300x250;setID=228951;type=js;sw='+screen....
document.write('<scr'+'ipt src="'+absrc+'" type="text/javascript"></scr'+'ipt>');
</script>
Copy link to clipboard
Copied
Hi,
Is there a possibility for including the video in form of plain HTML instead of JavaScript?
As Muse if not very comfortable with external JavaScripts.
Regards,
Ankush
Copy link to clipboard
Copied
Ah, thanks Ankush - a slight misunderstanding.
I'm not trying to show a video, the video is there to demonstrate a problem. It just shows what happens on an ipad. It's a screen grab.
The javascript is the ad tag for an external third party ad server. It serves an html5 ad.
I need to be able to serve third party ads upon the website.
The same problem happens whatever ad tag source I use - for example an iframe tag also serves before the rest of the page and causes that destructive zig zagging.
So the question is, what can I do to stop that script executing too soon?
Can I add some sort of defer or some sort of page load trigger to the script to start it only after the page has rendered?
Copy link to clipboard
Copied
The ad serving company has recommended as follows:
"I would recommend loading our ads through an iframe and then rendering
the iframe after the rest of the page is loaded. The iframe will protect
the rest of the page from being overwritten, while still allowing you to
hold off the banner from loading."
Any idea on how I would do that?
Copy link to clipboard
Copied
Looks like a plan.
You can choose any iframe widget from here - https://musewidgets.com/search?q=iframe
Copy link to clipboard
Copied
None of those iframe options appears to allow me to include javascript?
Copy link to clipboard
Copied
Hey, Please check if this thread can help you anyways - I need to insert some Java script in my muse page. What is the best way to do that?​
Copy link to clipboard
Copied
No, specifically, I know how to do two things:
Add an iframe to a page
Add javascript to an iframe
What I don't know how to do is only trigger that ifram and javascript AFTER the rest of the page has rendered.
Copy link to clipboard
Copied
See this discussion html - Javascript that executes after page load - Stack Overflow
It might provide you with insights into troubleshooting your issue.
Thanks,
Preran