Solved

How to move an Iframe provided by an Ad provider to a different location on the page?

Posted on 2014-01-30
6
372 Views
Last Modified: 2014-02-08
On my website I have ads that are provided by a third party.  However these ads have scripts in them that do a document.write.  I was trying to follow best practices in loading ads last on the page for performance reasons, so the ads are showing up at the bottom of my source, because of the document.write.  When I try to move the wrapper that contains the ad to the correct spot on the page, the ad is disappearing.  It looks like the ad has an IFrame within it so all the body and html of the iframe are disappearing.  Does anyone know how to move this without losing the data?
0
Comment
Question by:Jeffrey Dake
6 Comments
 
LVL 25

Expert Comment

by:dgrafx
ID: 39823972
can you provide a link please
0
 
LVL 26

Expert Comment

by:EddieShipman
ID: 39824226
How did you "move" the wrapper?
0
 
LVL 53

Assisted Solution

by:COBOLdinosaur
COBOLdinosaur earned 250 total points
ID: 39824338
If the ad provider is using script within an iframe and the iframe content is host from the vendor's domain; then you are going to run into security violations if you try to modify using script.

You should be discussing the problem with the ad provider. First of all they can contol and can make changes if necessary, and secondly you might be violating you advertising contract if you try to modify any of their components.

Cd&
0
Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

 
LVL 75

Assisted Solution

by:Michel Plungjan
Michel Plungjan earned 250 total points
ID: 39825193
Here is how

<!DOCTYPE html>
<html>
<head>
<script>
var oldWrite = document.write;
var oldWriteLN = document.writeln;

var adText="";
document.write=function(str) {
  adText += str;
} 
document.writeln=function(str) {
  adText += str+"\n";
} 
window.onload=function() {
  document.getElementById("adWrapper").innerHTML=adText;
}
</script>
</head>
<body>
<div id="adWrapper">
<script src="http://someadserver.com/someadscript.js"></script>
</div>
</body>
</html>

Open in new window

0
 
LVL 10

Accepted Solution

by:
Jeffrey Dake earned 0 total points
ID: 39831321
mplungjan, Thanks for your feedback, but it looked like we were getting some race conditions when multiple ads were fired on the page.  

 COBOLdinosaur, we talked with our ad provider and I think we are just leaning toward switching ad providers.  They claim that they do not have an asynchronous solution, so looks like they are out.
0
 
LVL 10

Author Closing Comment

by:Jeffrey Dake
ID: 39843929
The guys lead me toward contacting the ad provider.
0

Featured Post

Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
youtube blocking politics 4 55
Code Manager | Snippits 2 36
JQuery Autocomplete Tag AJAX (Need nice script) 11 34
Javascript 2 22
FAQ pages provide a simple way for you to supply and for customers to find answers to the most common questions about your company. Here are six reasons why your company website should have a FAQ page
Color can increase conversions, create feelings of warmth or even incite people to get behind a cause. If you want your website to really impact site visitors, then it is vital to consider the impact color has on them.
This tutorial walks through the best practices in adding a local business to Google Maps including how to properly search for duplicates, marker placement, and inputing business details. Login to your Google Account, then search for "Google Mapmakerā€¦
The viewer will learn how to dynamically set the form action using jQuery.

860 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question