Tutorial: Publicidad "InFrame"

  • Autor Autor kanikase
  • Fecha de inicio Fecha de inicio
alan501 dijo:
Mierda que complicado u.u no puedo
Hacer clic para expandir...


Hola, yo lo solucione comvirtiendo algo del texto a texto plano y me funciono de maravilla, tambien me daba ese error y despues no me salio aqui te dejo el code:

Insertar CODE, HTML o PHP: 
<script type="text/javascript">
  		var mover = true; //Se mueve o no se mueve el boton cerrar
  		var recargar = true; //Se recarga  o no el anuncio
  		var segundos = 180; //Si se recargara, en cuantos segundos
  		//Funcion para quitar y agregar la publicidad
  		$(document).ready(function() {
  			frm = $('#frm');
  			$('#publicidad').css({'width':frm.attr('width'), 'height':frm.attr('height')})
  			$('#publicidad').html('&lt;div class=&quot;cod&quot; style=&quot;width:'+frm.attr('width')+'px;height:'+frm.attr('height')+'px&quot;&gt;&lt;div&gt;&lt;img alt=&quot;cerrar&quot; id=&quot;cerrar&quot; src=&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAALASURBVHjarJRLSJRRFMd/2GNoYe/WRQ8tMyNz02Pnxp0u3LkMFGFEYqBZtwxCCFoUCMb0NBJJmuxhRr6nRJqpSWtExQrfpo45TqX/Fh6/voZZtOjC+e537z33d88995yDJP6nrH3W2snNcHMv9OyHUBaEciCUB6F8CJ20/xwIZUPoAIT2Qc8WuAOcAv4C5mbBt3pQFPQRNAIaA82CvoMWQROgYdAHUC+oC3QHlAdxoMABZkBNA0igVdAyKG6wCdAXAw2CBuzQMKjPxgHQRqhzgDvg9hRoxWAJsyoOmgfNGXwaNAkaN+uHQD2gZtB2CDrAPRAYB/1IIz9d8svV/7LbREGNa8AmB7gbAp9BS+arpdxcrbS3K3n+vOI2t2gWJysqtNLRoURBgRIGvJ8OOGLXmwUtFBZqvSV8Ps2AZkBLlZXOfLykRPOgt6C7oG2pwEHbNGkPMVdV9Wez16uFc+ec8bzfrwnT7wXdTAf8aKCvJqOgKa9XK8vLDmg1mdT0hQsaNZ1xUDfoRipwFwSiFh4jLomB5uvr/1gaDCrmWv8MagfVgramAsMuSMzia7KyUkokHKCSSU35fBownSFQK+haKnAnBPpMKQp6DxpzPcBQdbUGy8u1auNxn0/v7dBnoKvpgK9B/Rb9w8XFDmzQ79cbc/6nqioHOlpWpjAoCLoCykwFdoPegV6DokVFmo3FNOD3q8tg67kb9Xo1G4upv7RUvaAmUE0a4K1Os64b1AFq8XjUZqnVbX2PrbV6POoEvQE9AF1eAz5ygB640mi+6wC1gV6BXprTW0DPQU9BTyx3H1vK1YEugjZBwF2+TpyFhWazog30wgBB0ENQA+ge6JbFXS3oOugSKB8SwOnUAntmGzw8DuFjEMmFyFGI5EDkCEQOQyQbIlkQOWRyEMKZ8AgoTC2w7pYBbPhHyXBvlMTvAQAcqAZg2QuKzwAAAABJRU5ErkJggg==&quot; title=&quot;Cerrar&quot;/&gt;'+$('#cod').html()+'&lt;/div&gt;&lt;/div&gt;&lt;iframe src=&quot;'+frm.attr('src')+'&quot; width=&quot;'+frm.attr('width')+'&quot; height=&quot;'+frm.attr('height')+'&quot; frameborder=&quot;0&quot; scrolling=&quot;no&quot; allowfullscreen=&gt;&lt;/iframe&gt;');
  			if(mover){
  				$('#cerrar').mouseover(function() {
  					$('#cerrar').css({'margin' : '232px 0 0 2px'})
  				})
  			}
  			$('#cerrar').click(function() {
  				$('.cod').fadeOut();
  				if(recargar){setTimeout(function() {
  					$(".cod").fadeIn();
  					$('#cerrar').css({'margin':'2px 0 0 283px'})
  				}, segundos*1000);
  			}
  			})
  		});
  	</script>
	<div id="cod">
AQUI PUBLICIDAD
	</div>

Espero que te sirva Saludos!
 
Zonarutoppuden dijo:
Hola, yo lo solucione comvirtiendo algo del texto a texto plano y me funciono de maravilla, tambien me daba ese error y despues no me salio aqui te dejo el code:

Insertar CODE, HTML o PHP: 
<script type="text/javascript">
  		var mover = true; //Se mueve o no se mueve el boton cerrar
  		var recargar = true; //Se recarga  o no el anuncio
  		var segundos = 180; //Si se recargara, en cuantos segundos
  		//Funcion para quitar y agregar la publicidad
  		$(document).ready(function() {
  			frm = $('#frm');
  			$('#publicidad').css({'width':frm.attr('width'), 'height':frm.attr('height')})
  			$('#publicidad').html('<div class="cod" style="width:'+frm.attr('width')+'px;height:'+frm.attr('height')+'px"><div><img alt="cerrar" id="cerrar" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAALASURBVHjarJRLSJRRFMd/2GNoYe/WRQ8tMyNz02Pnxp0u3LkMFGFEYqBZtwxCCFoUCMb0NBJJmuxhRr6nRJqpSWtExQrfpo45TqX/Fh6/voZZtOjC+e537z33d88995yDJP6nrH3W2snNcHMv9OyHUBaEciCUB6F8CJ20/xwIZUPoAIT2Qc8WuAOcAv4C5mbBt3pQFPQRNAIaA82CvoMWQROgYdAHUC+oC3QHlAdxoMABZkBNA0igVdAyKG6wCdAXAw2CBuzQMKjPxgHQRqhzgDvg9hRoxWAJsyoOmgfNGXwaNAkaN+uHQD2gZtB2CDrAPRAYB/1IIz9d8svV/7LbREGNa8AmB7gbAp9BS+arpdxcrbS3K3n+vOI2t2gWJysqtNLRoURBgRIGvJ8OOGLXmwUtFBZqvSV8Ps2AZkBLlZXOfLykRPOgt6C7oG2pwEHbNGkPMVdV9Wez16uFc+ec8bzfrwnT7wXdTAf8aKCvJqOgKa9XK8vLDmg1mdT0hQsaNZ1xUDfoRipwFwSiFh4jLomB5uvr/1gaDCrmWv8MagfVgramAsMuSMzia7KyUkokHKCSSU35fBownSFQK+haKnAnBPpMKQp6DxpzPcBQdbUGy8u1auNxn0/v7dBnoKvpgK9B/Rb9w8XFDmzQ79cbc/6nqioHOlpWpjAoCLoCykwFdoPegV6DokVFmo3FNOD3q8tg67kb9Xo1G4upv7RUvaAmUE0a4K1Os64b1AFq8XjUZqnVbX2PrbV6POoEvQE9AF1eAz5ygB640mi+6wC1gV6BXprTW0DPQU9BTyx3H1vK1YEugjZBwF2+TpyFhWazog30wgBB0ENQA+ge6JbFXS3oOugSKB8SwOnUAntmGzw8DuFjEMmFyFGI5EDkCEQOQyQbIlkQOWRyEMKZ8AgoTC2w7pYBbPhHyXBvlMTvAQAcqAZg2QuKzwAAAABJRU5ErkJggg==" title="Cerrar"/>'+$('#cod').html()+'</div></div><iframe src="'+frm.attr('src')+'" width="'+frm.attr('width')+'" height="'+frm.attr('height')+'" frameborder="0" scrolling="no" allowfullscreen=></iframe>');
  			if(mover){
  				$('#cerrar').mouseover(function() {
  					$('#cerrar').css({'margin' : '232px 0 0 2px'})
  				})
  			}
  			$('#cerrar').click(function() {
  				$('.cod').fadeOut();
  				if(recargar){setTimeout(function() {
  					$(".cod").fadeIn();
  					$('#cerrar').css({'margin':'2px 0 0 283px'})
  				}, segundos*1000);
  			}
  			})
  		});
  	</script>
	<div id="cod">
AQUI PUBLICIDAD
	</div>

Espero que te sirva Saludos!
Hacer clic para expandir...

Que bueno que ya solucionaste, era la imagen en base 64 😱
Aquí esta la imagen por si la quieren cambiar:

descarga.webp

- - - Actualizado - - -

alan501 dijo:
lo que aparece es la publicidad en el video de youtube ? o es el anuncio que sale para dar like a una pagina de facebook ?
Hacer clic para expandir...

La publicidad :fatigue:
 
kanikase dijo:
Que bueno que ya solucionaste, era la imagen en base 64 😱
Aquí esta la imagen por si la quieren cambiar:

Ver el archivo adjunto 34232

- - - Actualizado - - -

Hahahaha que mal me vi xD lo que yo quiero es la ventana emergente que sale para dar like a una pagina de facebook .. ese como se pone D:

- - - Actualizado - - -

kanikase dijo:
A cierto, no recordaba que había puesto eso :topsy_turvy: aquí está el código:

CSS:

Insertar CODE, HTML o PHP: 
#lightbox {
position: fixed;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
top: 0;
left: 0;
}
#lightbox_wrapper{
padding: 10px;
background: rgba(0, 0, 0, .5);
width: 300px;
border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
-moz-border-radius: 4px;
position: fixed;
top: 35%;
left: 35%;
}
.lightbox_hd {
background: #5772DF;
color: #FFF;
font-family: sans-serif;
padding: 6px 12px;
text-align: center;
font-size: 18px;
text-shadow: 1px 1px 2px #333;
}
.lightbox_button {
background: #FFF;
padding: 15px;
}
.lightbox_button iframe {
margin-left: 65px;
}
.lightbox_cancel {
padding: 5px;
background: #ECECEC;
}
.lightbox_cancel button {
float: right;
color: #555;
border: 1px solid #979797;
background: #EEE;
padding: 4px;
font-weight: bold;
cursor: pointer;
font-size: 11px;
}

HTML:

HTML: 
<div id="lightbox">
	<div id="lightbox_wrapper">
		<div class="lightbox_hd">
			Esta  página es gratis, ayudanos a llegar a mas personas.
		</div>
		<div class="lightbox_button">
			<iframe src="http://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2Fplugins%2F&width&layout=button_count&action=like&show_faces=false&share=true&height=21&appId=1444758702455750" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:21px;" allowTransparency="true"></iframe>
		</div>
		<div class="lightbox_cancel">
			<button onclick="$('#lightbox').fadeOut()">Cancelar</button>
			<div style="clear:both"></div>
		</div>
	</div>
</div>
Hacer clic para expandir...

Y En que parte de mi plantilla de blogger lo coloco amigo? [MENTION=81006]kanikase[/MENTION]
Hacer clic para expandir...
 
alan501 dijo:
Hahahaha que mal me vi xD lo que yo quiero es la ventana emergente que sale para dar like a una pagina de facebook .. ese como se pone D:
Hacer clic para expandir...

A cierto, no recordaba que había puesto eso :topsy_turvy: aquí está el código:

CSS:

Insertar CODE, HTML o PHP: 
#lightbox {
position: fixed;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
top: 0;
left: 0;
}
#lightbox_wrapper{
padding: 10px;
background: rgba(0, 0, 0, .5);
width: 300px;
border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
-moz-border-radius: 4px;
position: fixed;
top: 35%;
left: 35%;
}
.lightbox_hd {
background: #5772DF;
color: #FFF;
font-family: sans-serif;
padding: 6px 12px;
text-align: center;
font-size: 18px;
text-shadow: 1px 1px 2px #333;
}
.lightbox_button {
background: #FFF;
padding: 15px;
}
.lightbox_button iframe {
margin-left: 65px;
}
.lightbox_cancel {
padding: 5px;
background: #ECECEC;
}
.lightbox_cancel button {
float: right;
color: #555;
border: 1px solid #979797;
background: #EEE;
padding: 4px;
font-weight: bold;
cursor: pointer;
font-size: 11px;
}

HTML:

HTML: 
<div id="lightbox">
	<div id="lightbox_wrapper">
		<div class="lightbox_hd">
			Esta  página es gratis, ayudanos a llegar a mas personas.
		</div>
		<div class="lightbox_button">
			<iframe src="http://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2Fplugins%2F&amp;width&amp;layout=button_count&amp;action=like&amp;show_faces=false&amp;share=true&amp;height=21&amp;appId=1444758702455750" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:21px;" allowTransparency="true"></iframe>
		</div>
		<div class="lightbox_cancel">
			<button onclick="$('#lightbox').fadeOut()">Cancelar</button>
			<div style="clear:both"></div>
		</div>
	</div>
</div>
 
Última edición:
oye men no me anda el demo :ambivalence:
 
[MENTION=81006]kanikase[/MENTION] la parte de la ventana emergente con el anuncio de unirse a una pagina de facebook como se pone? o en que parte de la plantilla blogger
 
alan501 dijo:
[MENTION=81006]kanikase[/MENTION] la parte de la ventana emergente con el anuncio de unirse a una pagina de facebook como se pone? o en que parte de la plantilla blogger
Hacer clic para expandir...

El css arriba de ]]></b:skin> y el HTML abajo de <body>
 
Una actualización :welcoming:

Ahora el botón cerrar se mueve de forma aleatoria, puedes seleccionar cuantas veces se mueva y el anuncio se centra vertical y horizontal de forma automática Publicidad InFrame - Kanikase :encouragement:
 
Última edición:
A favoritos directo, funciona perfectamente y eso que yo no estoy ni en blogger ni en wp, lo que me costó fue incrustar el jquery que no lo tenía, pero es fácil y efectivo...si hubiera donación paypal te recompensaría...jajajajaja
 
kanikase dijo:
Una actualización :welcoming:

Ahora el botón cerrar se mueve de forma aleatoria, puedes seleccionar cuantas veces se mueva y el anuncio se centra vertical y horizontal de forma automática Publicidad InFrame - Kanikase :encouragement:
Hacer clic para expandir...

Una pregunta, cuando dices "2.- Si se usa adblock no se cargará el iframe." por ejemplo, si tengo en el iframe un reproductor de video, entonces no va a cargar? hay forma de que cargue?
 
Muchas gracias, este codigo es mas facil de manejar :encouragement:
 
Jajaja excelente código gracias por compartir camilo, es el tipo inframe que tu le vas a dar clic en cerrar y aparece en otro lado muy molesto, pero muy bueno para las conversiones xD
 
Hay que estar conectado o registrado para responder aquí.

Temas similares

Linky
  • Cerrado
Compra Compro cuenta Instagram de agencia/ publicidad/ influencers/mindset/estilo de vida
Respuestas
0
Visitas
5
Linky
Linky
Elchavo
  • Cerrado
Venta ⭐[HQ]⭐ Cuenta de Instagram - ANTIGUA/ENVEJECIDA▶️Nueva/Fresca▶️Con seguidores▶️Con publicaciones▶️Publicidad en ✅¡ENTREGA INSTANTÁNEA!✅
Respuestas
14
Visitas
502
Jroi13
J
A
Plugin WordPress para Mostrar Publicidad Pre-roll en Videos
Respuestas
5
Visitas
294
YeltsinReyes
YeltsinReyes
Dinero Infinito
Monetizar con publicidad: ¿Ezoic o Adsense? Mi experiencia
2
Respuestas
24
Visitas
2K
SeoSeo
S
iLeex
Cómo conseguir publicidad rentable para sitios warez en 2022
Respuestas
5
Visitas
1K
iLeex
iLeex
Atrás
Arriba