Adengage Photext Ads Introduction on their website
Using Photext Ads is a good way to increase the CTR (click through rate) of Adengage ads on your website. The default images in Adengage Photext Ads is not so good to attract visitors. They look ugly .And images in a particular ad size are not in the same width and height. It’s better to use your own image to display the ads. So how to replace Adengage default images by your own images? In this post, I’m going to show you that interesting tip.
Because this tip uses javascript so you can apply it to many types of blogs and websites and it’s very easy to use and understand. The first thing to do is to add the following javascript in your head tag (between <head> and </head>)
function ShowAd(){
var images=new Array();
images[0] = “http://www.blogger24h.com/100ad1.jpg”;
images[1] = “http://www.blogger24h.com/100ad2.jpg”;
images[2] = “http://www.blogger24h.com/100ad3.jpg”;
images[3] = “http://www.blogger24h.com/100ad4.jpg”;
images[4] = “http://www.blogger24h.com/100ad5.jpg”;
images[5] = “http://www.blogger24h.com/100ad6.jpg”;
images[6] = “http://www.blogger24h.com/100ad7.jpg”;
images[7] = “http://www.blogger24h.com/100ad8.jpg”;
images[8] = “http://www.blogger24h.com/100ad9.jpg”;
images[9] = “http://www.blogger24h.com/100ad10.jpg”;
for(i=0;i<10;i++){
v_a = Math.round(Math.random()*10)%images.length;
v_b = Math.round(Math.random()*10)%images.length;
if(v_a!=v_b){
v_tmp = images[v_a];
images[v_a] = images[v_b];
images[v_b] = v_tmp;
}
}
var x=document.getElementsByName(”ad_image”);
for(i=0;i<x.length;i++){
x[i].src = images[i];
}
}
The javascript code above use ten images for the ad by providing their URLs. Change the image URLs to your own image URLs. Then change the Adengage ad code as following code:
<STYLE>
.ae_table_horiz { width:468px; height:auto; background-color:None; }
.ae_td_horiz,.ae_image_td_horiz { padding-bottom: 4px; padding-top: 4px; padding-left: 3px; padding-right: 3px; vertical-align:top; }
.ae_image_td_vert, .ae_image_td_horiz { text-align:right; padding-top:4px; padding-bottom:4px; padding-right: 4px; }
.ae_image_td_sky { text-align:left; padding-top:4px; padding-bottom:0px; padding-right: 0px; }
.ae_bb_td_horiz { padding-bottom: 4px; padding-top: 4px; padding-left: 3px; padding-right: 3px; vertical-align:top; }
A.ae_title_horiz, A.ae_image_link_horiz {font-family: Verdana,Sans-Serif; font-size: 9px; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #DE7008; text-decoration: None; }
.ae_desc_horiz {font-family: Verdana,Sans-Serif; font-size: 9px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: black; }
.ae_click_count_horiz {font-family: Verdana,Sans-Serif; font-size: 10px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: None; }
A.ae_powered_horiz {font-family: Verdana,Sans-Serif; font-size: 10px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #0060c6; text-decoration: None; }
A.ae_yourlink_horiz {font-family: Verdana,Sans-Serif; font-size: 10px; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #0060c6; text-decoration: None; }
A.ae_title_horiz:hover, A.ae_powered_horiz:hover, A.ae_yourlink_horiz:hover, A.ae_image_link_horiz:hover { color: #693; text-decoration: None;}
.ae_image_horiz { border-width:0px; border-color:#0060c6;}
</STYLE>
<SCRIPT LANGUAGE=”JavaScript”>
adengage_num_ads = 2;
adengage_layout_type = “horiz”;
adengage_show_your_ad_here = 0;
adengage_yourlink_text = “”;
adengage_show_powered_by = 0;
adengage_show_click_count = 0;
adengage_class_suffix = adengage_layout_type;
adengage_arrow_text =”<img name=’ad_image’ border=0 src=” width=’100′> “;
window.adengage_draw_break = 1;
window.adengage_use_image = 0;
window.adengage_image_size = 50;
window.adengage_hide_desc = 1;
</SCRIPT><SCRIPT SRC=”http://adcode.adengage.com/js/ae_12345_adbox.js” LANGUAGE=”JavaScript”></SCRIPT>
<!– END ADENGAGE.COM CODE 2.0 –>
<SCRIPT language=JavaScript>
<!–
ShowAd();
//–>
</SCRIPT>
The lines in bold are the special lines you have to notice at. Set the attribute adengage_arrow_text value as adengage_arrow_text =“<img name=’ad_image’ border=0 src=” width=’100′> “ to display images in width 100px. Set the attribute window.adengage_use_image to window.adengage_use_image = 0. Those are two changes you should do in the Adengage default ad code. After making those two change, you can add a small javascript below the Adengage default ad code to finish the tip.
<SCRIPT language=JavaScript>
<!–
ShowAd();
//–>
</SCRIPT>
You can add as many images as you want by changing the first javascript in the head tag. Add more image URLs (the number of images to use in the ad should be 10, 20, 30, … ) and change the number of images in the code below:
for(i=0;i<NumberofImages;i++){
v_a = Math.round(Math.random()*NumberofImages)%images.length;
v_b = Math.round(Math.random()*NumberofImages)%images.length;
I hope this tip is helpful for you.
2 Comments Received
Pingback & Trackback
Leave A Reply