Reklama preko iframea embedovanog videa

anja1 · veljača 2015 23:45 15

Da li je moguće nekako ubaciti reklamu da bude preko iframea?

markuss · veljača 2015 00:20 16

Ne bi trebalo da bude problem uz malo html i css modifikacije.
Pogledaj primer na: http://codepen.io/senff/pen/wpFiz

anja1 · veljača 2015 00:31 16

hm ajd da ja objasnim da ja o kodiranju veze nemam, pa mi treba vise nego nacrtat a i ja trebam bolje postaviti pitanje. meni treba da ubacim reklame koje su u iframeu preko iframea, možeš li mi na primjeru npr <iframe width="560" height="315" src="https://www.youtube.com/embed/wzgCM7_VHtU" frameborder="0" allowfullscreen></iframe> kako preko ovog videa da ide npr ovaj video <iframe width="220" height="215" src="https://www.youtube.com/embed/6xYBiiM3UWY" frameborder="0" allowfullscreen></iframe> da ne stavljam adult reklamu pošto mi za to treba. mozda si ti meni vec objasnio ali ja jos ne shvatam. uglavnom hvala.

markuss · veljača 2015 14:12 16

Jasno Nisam ni ja neki stručnjak, uglavnom osnove.
Ovaj kod možeš kompletno kopirati u boks za iframe (na osnovu tvog primera je):

<style>
#mainvideo {
  width:560px;
  height:315px;
  position:absolute;
  border:solid 1px #000;
}

#frontad {
  position:absolute;
  width:220px;
  height:215px;
  left:180px;
  top:60px;
  background:#f00;
  padding: 2px;
  box-shadow:0 0 10px #666;
}
</style>
<iframe id="mainvideo"  width="560" height="315" src="https://www.youtube.com/embed/wzgCM7_VHtU" frameborder="0" allowfullscreen></iframe>
<div id="frontad"><iframe width="220" height="215" src="https://www.youtube.com/embed/6xYBiiM3UWY" frameborder="0" allowfullscreen></iframe></div>

anja1 · veljača 2015 16:12 17

uf ovo je odlično. fala ti mnogo. samo me interesuje da li bi se juicyads ili neke druge kompanije bunile da se ovo radi. ako neko zna nek napise. naravno ovo bi se radilo samo sa adult reklamama. pitacu i njih pa ću drugima napisat bar za juicyads sta kazu jel dozvoljeno.

jos jednom hvala na pomoci. imam još jedno pitanje bi li se ovo moglo automatski u vordpresu za svaki post odraditi, dodati neki kod napraviti plugin ili tako nešto da je frontad uvijek isti kod i da se lijepi uvijek preko svakod uvezeno video. ako to moze bili bi vise nego savrseno. i da dodam treba mi opcija da je moguće ugasiti reklamu pošto ne vidim ovdje tu opciju kad odradim ovo. fala puno.

markuss · veljača 2015 10:01 18

Verujem da JuicyAds dozvoljava reklamu kao floater, AdSense sigurno ne. Trebalo bi da svaka mreža koja koja radi popup under i slične formate dozvoljava i ove.

Moglo bi se napraviti u Wordpressu preko Custom Post Type opcije ali to moraš da vidiš sa nekim WP developerom. Moj savet je da testiraš ovaj format peške bar na top landing stranicama. Ukoliko ti se uveća zarada a trebalo bi (CTR na toj poziciji je najveći), angažuj programera.

*Napomena: nedostaje ti close dugme za taj front ad, ne znam kako će ga posetioci ikako ugasiti.

anja1 · veljača 2015 13:44 18

nije ovo za adsens ovo je za juicyads. pričao sam sa podrskom iz juicy kazu da moze samo se ne smije mijenjat kod reklame, a on se i ne mijenja.
viiđeh i ja da nedostaje close baton i pokusavah ja neš napravit al fala bogu da je neuspjesno zavrseno. uglavnom fala ti za ovaj dio sto je odradjen i ovo je napredak veliki. znači fali mi klos baton za frontad iframe i da to ide automatski za svaki vordpress post. ako neko zna kako odraditi nek reče cijenu.

anja1 · veljača 2015 00:22 19

eo trazim po dana kod a ne znam kodiranje pa je to vise no interesantno i ni jedan kod mi ne radi i pokusam sa ovim i radi ali mi ugasi i mainvideo

   <style>
#mainvideo {
  width:560px;
  height:315px;
  position:absolute;
  border:solid 1px #000;
}

#frontad {
  position:absolute;
  width:220px;
  height:215px;
  left:180px;
  top:60px;
  background:#f00;
  padding: 2px;
  box-shadow:0 0 10px #666;
}
#close {
    float:right;
    display:block;
    padding:2px 5px;
    background:#ccc;
}
</style>
<iframe id="mainvideo"  width="560" height="315" src="https://www.youtube.com/embed/wzgCM7_VHtU" frameborder="0" allowfullscreen></iframe>
<div id="frontad"><span id='close' onclick='this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode); return false;'>x</span><iframe width="220" height="215" src="https://www.youtube.com/embed/6xYBiiM3UWY" frameborder="0" allowfullscreen></iframe></div>

21x · veljača 2015 02:41 19

Može ovo?

  <style>
#mainvideo {
  width:560px;
  height:315px;
  position:absolute;
  border:solid 1px #000;
}

#frontad {
  position:absolute;
  width:220px;
  height:215px;
  left:180px;
  top:60px;
  background:#f00;
  padding: 2px;
  box-shadow:0 0 10px #666;
}
#close {
    float:right;
    display:block;
    padding:2px 5px;
    background:#ccc;
}
</style>
<iframe id="mainvideo"  width="560" height="315" src="https://www.youtube.com/embed/wzgCM7_VHtU" frameborder="0" allowfullscreen></iframe>
<div id="frontad"><span id='close' onclick='this.parentNode.parentNode.removeChild(this.parentNode);'>x</span><iframe width="220" height="215" src="https://www.youtube.com/embed/6xYBiiM3UWY" frameborder="0" allowfullscreen></div></iframe>

markuss · veljača 2015 08:45 19

Ovo je odlično, to je to

Napravio sam samo malu izmenu, poslednji div je iskočio i css je nešto doteran (padding i kursor).
Naravno, kod je i dalje za svaki post posebno. Raspitaj se ovde za ponudu oko programiranja.

#mainvideo {
  width:560px;
  height:315px;
  position:absolute;
  border:solid 1px #000;
}

#frontad {
  position:absolute;
  width:220px;
  left:180px;
  top:50px;
  background: #000;
  padding: 2px;
  box-shadow:0 0 10px #666;
}
#close {
    float:right;
    display:block;
    padding:2px 5px;
    background:#ccc;
    cursor: pointer;
}
</style>
<iframe id="mainvideo"  width="560" height="315" src="https://www.youtube.com/embed/wzgCM7_VHtU" frameborder="0" allowfullscreen></iframe>
<div id="frontad"><span id='close' onclick='this.parentNode.parentNode.removeChild(this.parentNode);'>x</span><iframe width="220" height="215" src="https://www.youtube.com/embed/6xYBiiM3UWY" frameborder="0" allowfullscreen></iframe></div>

anja1 · veljača 2015 14:08 19

21x što je dao kod radi odlično, markussov kod ne radi, fala vam puno obojici. zivi bili.

ako ima nekog ko bi napravio plugin da ovo ide automatski za svaki post u wordpresu nek se javi i kaze cijenu

anja1 · veljača 2015 19:36 19

nažalost u wordpress post kada kopiram ove kodove ne rade ne izbacuje mi kao na onim stranicama za testiranje kodova

rade oba koda no sam ja kreten

slavko · veljača 2015 20:05 19

<center>
<div id="floatLayer1" style="height: 25px; left: 250px; position: absolute; top: 23px; width: 308px;">
<div id="layer1" style="height: 50px; left: 50px; position: absolute; top: 50px; width: 40px; z-index: 1;">
<span onmouseup="document.getElementById('floatLayer1').style.display='none'">
<img src="slika na X sliku za zatvorit images/x.jpg"></span></div>
 Link ili Iframe na reklamu 

</div>
</center>
<center>
<div id="floatLayer2" style="height: 25px; top: 250px; position: absolute; width: 308px; display: none;">
<div id="layer2" style="height: 50px; left: 50px; position: absolute; top-left: 50px; width: 40px; z-index: 1;">
<span onmouseup="document.getElementById('floatLayer2').style.display='none'">
<img src="slika na X sliku za zatvorit images/x.jpg"></span></div>
Link ili Iframe na reklamu  
</div>
</center>

Ubaci to u singlepost ispod post id trebalo bi da radi tu imas dvije reklame mozes maknit jednu ako oces samo jednu koristit nadam se da je od pomoci.

primjer imas ovdje

http://sportska-tv.org/veetle-espana/

anja1 · veljača 2015 20:24 19

hvala na ponudjeoj još jednoj opciji al ajd da se drzim ovoga sto je isprobano i sto radi ok. sta je bio problem kod mene da objasnim ako ima jos neki duduk kao ja. ne može se cijeli kod kopirat u post i da radi a ja sam tako zamislio. i neće. e onda se sjetim da imam na jednom sajtu portal temu i da tamo probamm jer tema ima opciju dodavanja Custom CSS i normalno radi sve ok samo sam malo pomjerio da mi je reklama na sredini povećao format mainvidea i reklame na dimenzije koje meni odgovaraju. opet ponavljam za neuke kao ja u post se dodaje ovaj dio

<iframe id="mainvideo"  width="560" height="315" src="https://www.youtube.com/embed/wzgCM7_VHtU" frameborder="0" allowfullscreen></iframe>
<div id="frontad"><span id='close' onclick='this.parentNode.parentNode.removeChild(this.parentNode);'>x</span><iframe width="220" height="215" src="https://www.youtube.com/embed/6xYBiiM3UWY" frameborder="0" allowfullscreen></iframe></div>

još dodatak za ovakve kao ja ima plugin custom css pa samo ubacite prvi dio koda.

fala još jednom svima na pomoći. ako ima nekog ko zna kako u wordpressu automatski u svaki post dodati ovaj kod

<div id="frontad"><span id='close' onclick='this.parentNode.parentNode.removeChild(this.parentNode);'>x</span><iframe width="220" height="215" src="https://www.youtube.com/embed/6xYBiiM3UWY" frameborder="0" allowfullscreen></iframe></div>

i kako u svaki uvezeni (ubačeni) novi iframe embedovanog videa dodati kod id="mainvideo" nek se javi ili nek napiše ili šta god da bi se ovaj proces automatizovao…

evo dodatak još jedan u svaki post se može ubaciti ovaj kod

<div id="frontad"><span id='close' onclick='this.parentNode.parentNode.removeChild(this.parentNode);'>x</span><iframe width="220" height="215" src="https://www.youtube.com/embed/6xYBiiM3UWY" frameborder="0" allowfullscreen></iframe></div>

uz pomoć plugina kod insert menadžer https://wordpress.org/plugins/q2w3-inc-manager/

još samo ostaje da u svaki iframe embedovanog videa se doda id=“mainvideo” i eto radosti. vidi se cilj.

evo još dodatka da bi ovo radilo ni ne mora embedovani video da ima id mainvideo ako je tekst ispred videa onda se frontad pomjera na gore, ali ako stavite tekst ispod videa sve ostane na svom mjestu tako da sve fercera odlično

slavko · veljača 2015 16:53 20

pa napisao sam ti ako zelis da u svakom postu ikace reklama ides u na Izgled pa na Uredjivac i onda na single post.php i postavis taj kod koji sam ti dao ili ako moze i taj tvoj i to je to na svakom postu ce biti reklama…