• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
Locked
0

How to resolve bizarre ad rendering before page render on ipad in Muse

Explorer ,
Apr 10, 2017 Apr 10, 2017

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:

Ad on page layout.JPG

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:

Views

504

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Adobe Employee , Apr 25, 2017 Apr 25, 2017

See this discussion html - Javascript that executes after page load - Stack Overflow

It might provide you with insights into troubleshooting your issue.

Thanks,

Preran

Votes

Translate

Translate
Adobe Employee ,
Apr 10, 2017 Apr 10, 2017

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

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Apr 10, 2017 Apr 10, 2017

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>

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Apr 11, 2017 Apr 11, 2017

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

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Apr 11, 2017 Apr 11, 2017

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?

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Apr 11, 2017 Apr 11, 2017

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?

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Apr 11, 2017 Apr 11, 2017

Copy link to clipboard

Copied

Looks like a plan.

You can choose any iframe widget from here - https://musewidgets.com/search?q=iframe

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Apr 11, 2017 Apr 11, 2017

Copy link to clipboard

Copied

None of those iframe options appears to allow me to include javascript?

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Apr 12, 2017 Apr 12, 2017

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?​

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Apr 24, 2017 Apr 24, 2017

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.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Employee ,
Apr 25, 2017 Apr 25, 2017

Copy link to clipboard

Copied

LATEST

See this discussion html - Javascript that executes after page load - Stack Overflow

It might provide you with insights into troubleshooting your issue.

Thanks,

Preran

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines