Como implementar publicidade em qualquer player com uma aba de fechar

  • Autor Autor xaiborweb
  • Data de início Data de início
Este tópico foi traduzido automaticamente do espanhol. Ver original
OLÁ COMPANHEIROS DO FÓRUM

Bem, como estive procurando por um bom tempo um código que me permitisse implementar publicidade na frente de qualquer player com uma aba de fechar que mudasse de posição ao passar o mouse

e como foi muito difícil encontrar, já que por mais que eu procurasse e perguntasse não conseguia, só até que tomei coragem e comecei a escrever código do que sei de programação e vi que, assim como eu, tem muita gente procurando algo parecido

pois aqui está

1) html onde você quer que apareça o player com a publicidade

HTML:
<div>			
	<div id="publicidad-video">
	<IFRAME FRAMEBORDER="0" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="NO" WIDTH="300" HEIGHT="250" SRC="su publicidad"></IFRAME>
	<br>
	<div style="float: left; left: 180px; position: relative; top: -210px; z-index: 9999;">
	<span class="jbtn" onmouseover="jQuery(this).hide('fast');jQuery('#asd1').show('slow')">cerrar</span>
	</div>
	<div id="asd1" style="display: none; float: left; position: relative; top: -65px; z-index: 9999;">
	<span class="jbtn" onclick="jQuery(this).parent().parent().remove();">cerrar</span>
	</div>
	</div>	
	<iframe src="http://vk.com/video_ext.php?oid=198057043&id=164294950&hash=ca0131ef7fe7b297&hd=1" width="610" height="300" frameborder="0"></iframe>
</div>

2) css

HTML:
#publicidad-video{
	position: absolute;
	z-index: 1;
	width: 300px;
	height: 250px;
	margin: 20px 0px 0px 160px;
}

.jbtn {
background: #A90000;
color: #fff;
border: 1px solid #fff;
border-radius: 3px;
padding: 2px;
cursor: pointer;
}

.jbtn:hover {
background: #F00;
}

bem, espero que lhes sirva, qualquer dúvida comentem, abraços 🙂

Olá, quero saber se você pode fazer um tipo este, mas que seja um preloader para jogos flash, ou seja, que apareça um carregamento com publicidade que dure 15 segundos e depois comece o jogo.

seria de muita ajuda, já que tentei utilizar este código, mas saía muito acima e não fechava
 
Olá, quero saber se você pode fazer um tipo este, mas que seja um preloader para jogos flash, ou seja, que apareça um carregamento com publicidade que dure 15 segundos e depois comece o jogo.

seria de muita ajuda, já que tentei utilizar este código, mas saía muito acima e não fechava

pois é preciso implementar um script simples, eu tenho implementado este

HTML:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
<script>
$(function(){
		setTimeout("contador()",1000);
});
function contador(){
		if ($('#se').html() <= 1){
			cerrar();
		}
		else{
			$('#se').html($('#se').text() -1);
			setTimeout("contador()",1000);
		}
	}
function cerrar(){
	$('#ad').fadeOut(300);
}
</script>
<div id="ad" style="padding-top:10px;width:600px;height:338px;position:absolute;top:0;left:0;z-index:60;color:#343434;text-align:center;background:#ddd;border-radius:10px;">
<h4 style="padding-bottom:12px;font-size:28px;">Un momento mas...</h3>
<div style="margin-left:6px;width:300px;float:left;text-align:center;">
<iframe src="publi.php" width="300" height="250" frameborder="0" scrolling="no"></iframe>
<br />
<span style="font-size:12px;position:relative;top:4px;">Publicidad. Clickearla no interrumpira la carga</span>
</div>
<div style="float:right;text-align:center;width:250px;margin-right:20px;font-size:20px;">
<b>Tiempo de espera solicitado <br />por el servidor:</b>
<div id="se" style="font-size:90px;color:#218bd7;font-weight:bold;">5</div>
</div>
</div>

que faz isso http://vstream.tangimania.com/?put=A19CBD11072A2DC6&mgf=viwj1877iquo&180=5l0oi0o449x3&uc=ezf5tg4tubol&flc=wnj8mfy7&amy=ee5uong4ixj7&vk=170487302_164226228&sub=

esta página não é minha, mas se você clicar em um player verá a contagem e esse script faz isso

espero que te sirva
 
Obrigado por compartilhar :encouragement:
 
NOTA: recomendo utilizar publicidade em iframes, já que este é o único formato que testei

Amigo, agradeço muito sua contribuição, mas tenho uma dúvida, veja se me ajuda.

tenho um site de filmes e quero implementar este código em todos os filmes, mas sem ter que editar 1x1. acho que se faz algo no template...??

PS. eu uso Wordpress
 
Última edição:
Muito bom, exatamente o que eu estava procurando!!!
 
Interessante, na verdade eu nem sabia que era possível.
 
Amigo, agradeço muito sua contribuição, mas tenho uma dúvida, veja se pode me ajudar.

tenho um site de filmes e quero implementar este código em todos os filmes, mas sem ter que editar 1 por 1. acho que se faz algo no template...??

PS. eu uso Wordpress

pois é fácil, simplesmente coloque o código no single.php e que em um campo personalizado esteja o link do vídeo, seria algo como isto
no singles.php
HTML:
	<div id="publicidad-video">
	<IFRAME FRAMEBORDER="0" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="NO" WIDTH="300" HEIGHT="250" SRC="su publicidad"></IFRAME>
	<br>
	<div style="float: left; left: 180px; position: relative; top: -210px; z-index: 9999;">
	<span class="jbtn" onmouseover="jQuery(this).hide('fast');jQuery('#asd1').show('slow')">cerrar</span>
	</div>
	<div id="asd1" style="display: none; float: left; position: relative; top: -65px; z-index: 9999;">
	<span class="jbtn" onclick="jQuery(this).parent().parent().remove();">cerrar</span>
	</div>
	</div>	
	<iframe src="campo personalizado que a creado usted para este video" width="610" height="300" frameborder="0"></iframe>
</div>
 
E para vbulletin, onde iria o código se alguém souber, pois 🙂
 
pois é fácil, simplesmente coloque o código no single.php e que em um campo personalizado esteja o link do vídeo, seria algo como isto
no singles.php
HTML:
	<div id="publicidad-video">
	<IFRAME FRAMEBORDER="0" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="NO" WIDTH="300" HEIGHT="250" SRC="su publicidad"></IFRAME>
	<br>
	<div style="float: left; left: 180px; position: relative; top: -210px; z-index: 9999;">
	<span class="jbtn" onmouseover="jQuery(this).hide('fast');jQuery('#asd1').show('slow')">cerrar</span>
	</div>
	<div id="asd1" style="display: none; float: left; position: relative; top: -65px; z-index: 9999;">
	<span class="jbtn" onclick="jQuery(this).parent().parent().remove();">cerrar</span>
	</div>
	</div>	
	<iframe src="campo personalizado que a creado usted para este video" width="610" height="300" frameborder="0"></iframe>
</div>


Desculpe, mas continuo sem entender,

estes são os vídeos no VK.
Inserir CODE, HTML ou PHP:
<iframe src="http://vk.com/video_ext.php?oid=185247547&id=164746979&hash=e1467bdf35a7d6fb&hd=1" width="607" height="360" frameborder="0"></iframe>

<iframe src="http://vk.com/video_ext.php?oid=187263119&id=164266166&hash=934ce853f62bab58&hd=1" width="607" height="360" frameborder="0"></iframe>

<iframe src="http://vk.com/video_ext.php?oid=178001880&id=165213318&hash=eaeef568ab714f80&hd=1" width="607" height="360" frameborder="0"></iframe>

O que eu colocaria no "campo personalizado que você criou para este vídeo", para que afete todos os reprodutores do vk (filmes)
 
obrigado pela contribuição
 
NOTA: recomendo utilizar publicidade em iframes, já que este é o único formato que testei

Parece que é a única que funciona, testei em script e não funcionou !
 
Vou testar para ver se o código admite alguma modificação para deixá-lo perfeito, muito obrigado pela contribuição.
 
Parece que é a única que funciona, testei em script e não funcionou !

não é que não funcione, é que os outros formatos em algumas empresas dão muitos problemas, por exemplo, em um domínio que tenho, colocava publicidade da adbooth em formato ajax ou script e acontecia algo muito curioso: não aparecia onde eu queria, mas ia para o rodapé e, depois de muitos testes, consegui fazer funcionar sem mudar nada no código que coloquei para a publicidade, apenas mudando algumas coisas no código-fonte da página, porque, ao que parece, a adbooth não entendia meu single

bem, então minha recomendação é: usem publicidade em formato iframe e, preferencialmente, que seja por conversões como a adjal, é assim que eu tenho conseguido tirar um bom dinheiro

Desculpe, mas continuo sem entender,

estes são os vídeos no VK.
Inserir CODE, HTML ou PHP:
<iframe src="http://vk.com/video_ext.php?oid=185247547&id=164746979&hash=e1467bdf35a7d6fb&hd=1" width="607" height="360" frameborder="0"></iframe>

<iframe src="http://vk.com/video_ext.php?oid=187263119&id=164266166&hash=934ce853f62bab58&hd=1" width="607" height="360" frameborder="0"></iframe>

<iframe src="http://vk.com/video_ext.php?oid=178001880&id=165213318&hash=eaeef568ab714f80&hd=1" width="607" height="360" frameborder="0"></iframe>

O que eu colocaria no "campo personalizado que você criou para este vídeo", para que afete todos os reprodutores do vk (filmes)?

brother, vou te explicar da forma mais clara possível

1) no arquivo single.php, você procura a posição onde quer que o vídeo apareça com a publicidade em cima dele
2) você copia este código
HTML:
<div>			
	<div id="publicidad-video">
	<IFRAME FRAMEBORDER="0" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="NO" WIDTH="300" HEIGHT="250" SRC="su publicidad"></IFRAME>
	<br>
	<div style="float: left; left: 180px; position: relative; top: -210px; z-index: 9999;">
	<span class="jbtn" onmouseover="jQuery(this).hide('fast');jQuery('#asd1').show('slow')">cerrar</span>
	</div>
	<div id="asd1" style="display: none; float: left; position: relative; top: -65px; z-index: 9999;">
	<span class="jbtn" onclick="jQuery(this).parent().parent().remove();">cerrar</span>
	</div>
	</div>	
	<iframe src="http://vk.com/video_ext.php?oid=198057043&id=164294950&hash=ca0131ef7fe7b297&hd=1" width="610" height="300" frameborder="0"></iframe>
</div>

- o 1º iframe é o da sua publicidade, você pode testar com script ou ajax, mas se não funcionar, vá pelo seguro: use iframe como formato da publicidade

- a linha de código onmouseover e onclick é uma linha curta de jquery que o que faz é detectar quando você passa o mouse por cima e mudar a aba fechar para a 2ª posição que está batizada com o div="asd1"

- por último, você vê um iframe que pode substituir pelo que quiser, neste caso, te digo para criar um campo personalizado e, em vez do código desse iframe, você colocaria algo como isto
PHP:
<?php $values = get_post_custom_values("video"); echo $values[0]; ?>
onde, quando você for publicar um post no wordpress, abaixo do conteúdo aparecerá outro quadro onde você coloca o iframe do vídeo, se for o caso de quase todos os servidores como vk, putlocker, sockshare, vimple, etc....
ou se for um vídeo do letitbits, então você coloca o código script e pronto, isso é tudo

agora copie o css no arquivo style.css

HTML:
#publicidad-video{
	position: absolute;
	z-index: 1;
	width: 300px;
	height: 250px;
	margin: 20px 0px 0px 160px;
}

.jbtn {
background: #A90000;
color: #fff;
border: 1px solid #fff;
border-radius: 3px;
padding: 2px;
cursor: pointer;
}

.jbtn:hover {
background: #F00;
}

bem, espero ter esclarecido suas dúvidas, sorte 🙂
 
poderia funcionar em vídeos de live streaming ao vivo de partidas de futebol, por exemplo, com a opção de fechá-la e que tenha uma opção de 45 segundos de espera?

exemplo

Link eliminado

seria compatível nesses servidores, essa é minha dúvida

Aliez &ndash; Everybody streams now!

LiveFlash.tv - You're just one click away from being live!

Link eliminado

YYCast

LiveFlash.tv - You're just one click away from being live!

WebcastOn

Freedocast - The largest streaming platform for live streaming , live broadcasting.

Veemi.com - Your stream is on!

Abraços.
 
Ideal para meu site de warez. Muito obrigado, companheiro.
 
poderia funcionar em vídeos Live streaming ao vivo de partidas de futebol, por exemplo, com a opção de fechá-la e que tenha uma opção de 45 segundos de espera?

exemplo

Link removido

seria compatível nestes servidores, essa é minha dúvida

Aliez – Everybody streams now!

LiveFlash.tv - You're just one click away from being live!

Link removido

YYCast

LiveFlash.tv - You're just one click away from being live!

WebcastOn

Freedocast - The largest streaming platform for live streaming , live broadcasting.

Veemi.com - Your stream is on!

Abraços.

claro que sim, poderia, não sei se isto te serve
HTML:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
<script>
$(function(){
		setTimeout("contador()",1000);
});
function contador(){
		if ($('#se').html() <= 1){
			cerrar();
		}
		else{
			$('#se').html($('#se').text() -1);
			setTimeout("contador()",1000);
		}
	}
function cerrar(){
	$('#ad').fadeOut(300);
}
</script>
<div id="ad" style="padding-top:10px;width:600px;height:338px;position:absolute;top:0;left:0;z-index:60;color:#343434;text-align:center;background:#ddd;border-radius:10px;">
<h4 style="padding-bottom:12px;font-size:28px;">Un momento mas...</h3>
<div style="margin-left:6px;width:300px;float:left;text-align:center;">
<iframe src="publi.php" width="300" height="250" frameborder="0" scrolling="no"></iframe>
<br />
<span style="font-size:12px;position:relative;top:4px;">Publicidad. Clickearla no interrumpira la carga</span>
</div>
<div style="float:right;text-align:center;width:250px;margin-right:20px;font-size:20px;">
<b>Tiempo de espera solicitado <br />por el servidor:</b>
<div id="se" style="font-size:90px;color:#218bd7;font-weight:bold;">5</div>
</div>
</div>

é um script que mostra a publicidade por alguns segundos programados e depois a remove automaticamente. Um exemplo do seu funcionamento é em uma nova página web minha

Link removido

que entra para ver algum filme e no player da página verá o que te digo

agora, se o que você quer é que, por exemplo, cada vez que deem pause apareça a publicidade ou a cada certo tempo, aí sim você teria que mandar fazer bem o script para as suas necessidades. Aqui no fórum tem muita gente especialista no tema
 
alguma ajuda? já testei tudo e não funciona no blogger
 
já não funciona o botão de fechar
uso no blogger :ambivalence:
 
Voltar
Topo