Itt vagy:Opera Blog / Lali blogja / Hirdetés blokkolás haladóknak

Hirdetés blokkolás haladóknak

Írta: Lali - Publikálva: 2008 június 27

Manapság az internetes reklám korszokában rendkívül sokféle módszerrel helyezhetnek el a weboldalakban reklámokat, így nem árt áttekinteni azeket a megoldásokat, amelyekkel ellenük védekezni lehet. Az Opera alapvető reklám letiltó funkcióit korábban karaj már részletesen összefoglalta, így ezekre most nem térnék ki.

De még mielőtt belevágnánk ezekenek a technikáknak az ismeretésébe, nem árt tisztázni pár dolgot. Nagyon sok - főleg a nagyobb oldalaknak - a fő bevételi forrása ezekből a hirdetésekből származik, így ha letiltjuk, akkor tetszik, nem tetszik, ezeket nyírbálhatjuk meg. Persze mindez függhet attól is, hogy a hirdetési felületekért vagy az átkattintásokért kell fizetnie a hiredést megrendelő ügyfélnek, de ettől most tekintsünk el. Nem azt mondom, hogy akkor ne is tüntessünk el egy reklámot sem, mert bizony akadnak pofátlan oldalak és reklámok, amik nem csak hogy rondák és számunkra érdektelenek, de ráadásul még a sávszélességet és a számítógépeink erőforrásait is túlzottan leterhelik. Igen, itt főleg a flash reklámokra gondolok. A hirdetés eltüntetése vagy nem eltüntetése mindenkinek az egyéni döntése, én csupán bemutatnám legjobb tudomásom szerint a reklámok gyakoribb megjelenítési módszereit, valamint ezeknek az eltüntetési lehetőségeit.

Reklámletiltás Opera segítségével

Támogatni szeretnéd egy oldal működését? Nyomj jobb gombot a támogatni kívánt oldalon, majd válaszd az Oldal beállításainak szerkesztése... opciót, végül a Tartalom fülön szedd ki a bejelölést a Tartalom letiltás engedélyezése pont előtt.

Előre szólnék, hogy az alábbi leírásokban, példákban alkalmakkor az oldalak forráskódjaiban is fogunk turkálni, így alapvető HTML ismeretek, vagy némi logika és/vagy próbálkozásra is szükség lehet, de a CSS ismeretek sem jönnek rosszul. A cél az, hogy egy adott weboldalakon te is felismerd, hogy mikor melyik típussal van dolgod és meg tudd oldani a letiltást minél egyszerűbben, praktikusabban, a legkisebb tartalomletiltó fájl készítésével. Tehát a hangsúly most nem a dög nagy adatbázisokon van, amit csak le kell töltened és már használhatod is, hanem a tudáson. Megpróbálom megtanítani azokat a trükköket, amiket bármikor képes leszel te is használni.

Továbbá megjegyzném, hogy a leírásokban Opera 9.5 szerepel. Csapjunk is bele a tanulásba, lássuk a kategóriákat! Lapozás után megtanulhatod a reklámblokkolás minden csínyját-bínját!

1. Frame reklám blokkolás

Mi is az az iframe?

Az iframe egy alapvető html kód, szokás még framset-ként is emlegetni. Ezt a két kódot arra használják, hogy egy weboldal egyik részébe beágyazzanak egy másik weboldalt, amely viszont a felhasználónak már úgy néz ki, mintha egyetlen weboldal lenne. Ennek a segítségével is lehet oldalakon hirdetésáradatot elhelyezni: az oldal egyik részébe belehelyeznek egy kisebb weboldalt, és ez a kisebb weboldal tulajdonképpen a reklám. Remélem mindenki érti, lehet, hogy egy kissé túlragoztam.

Hogyan buktathajuk le az iframe hirdetéseket?

Mivel ezek a hirdetések tulajdonképpen weboldalak, ezért lehetnek szöveges részei, kép részei, sőt flash részei is. Ezeknek a lebutatására több mód is rendelkezésre áll.

  1. Első fajta grafikus megoldás: talán az a legyszerűbb, ha megismerkedünk az Információ névre hallgató Opera panellel. Amennyiben ez nincs bekapcsolva, akkor ezt az Eszközök > Megjelenés > Panelek alatt tehetjük meg. Az információs panelen a Beágyazott keretek alatt találhatjuk az oldalba beépülő frameket (kereteket). Ezekre kattintva megnézhetjük, hogy mik is ezek a beágyazott keretek és így már le is bukott a beépülő frame.

    Frame hirdetésblokkolás Opera segítségével

    Az url sávból az internetes címet meg kell adnunk a tartalom letiltásához az Eszközök > Beállítások > Haladó > Tartalom > Letiltott tartalmak > Hozzáadás útvonalat követve. Persze nem pont ugyanazt a címet érdemes megadni, hanem pár mappával feljebbit, mert ahol egy reklám van, ott van több is. Például a
    http://ad.adverticum.net/click.prm?zona=364&nah

    helyett mindenképpen érdemes a
    http://ad.adverticum.net/*

    elérést letiltani, vagy a
    http://www.jobmonitor.hu/partner/files/laphu_uj_minden.html

    helyett a
    http://www.jobmonitor.hu/partner/*

    elérést blokkolni. Így kisebb tartalomletiltó fájlt fogunk kapni, viszont rengeteg hirdetés fog eltűnni. Talán ez a legegyszerűbb, leguniverzálisabb megoldás a frames hirdetések eltüntetésére.

  2. Második fajta grafikus megoldás: ezt a fajta megoldást csak akkor használhatjuk, amennyiben a frame, reklámos oldal tartalmaz szöveges, vagy üres területet is; amennyiben az egész frame-et kitölti egy kép vagy egy flash elem, akkor nem használható ez a megoldás. Tehát ha teljesülnek a kritériumok, akkor nyomjunk a gyanús terület felett jobb gombot, majd válasszuk a Keret > Megnyitás, vagy Keret > Megnyitás új fülön opciót. Ilyenkor külön nyílik meg az oldalba eddig beágyazott rész. Így már láthatjuk a reklám hivatkozási címét, amit az előbbiekben leírt egyszerűsítések után hozzáadhatunk a reklámletiltási címeinkhez.

    Frame hirdetés letiltás Opera segítségével

  3. Forráskódban turkálós frame hirdetés letiltás: a másik megoldás, ha a forráskódban keressük az árulkodó jeleket. Mivel használhatják a beágyazáskor a frameset és az iframe kódokat is, ezért a legjobb, ha a forráskódban a frame szóra keresünk rá. Fontos, hogy semmiképpen sem a beágyazott oldal szövegére keressünk rá, mert azt nem fogjuk megtalálni a forráskódban, hiszen az nem is szerepel benne!

    Tehát nyissuk meg az oldal forráskódját, a jobb gomb > Forráskód menü kiválasztásával vagy az ahhoz tartozó billentyűkombinációval (általában Ctrl+U vagy Alt+F3), esetleg a forráskódos sajátgomb segítségével. Ha már itt tartunk, akkor itt van a CSS megtekintése/szerkesztése sajátgomb is, amire bármikor szükségünk lehet. Egyébként az Információ panelen is megtalálhatjuk a CSS fájlokat, csak ott Stíluslap név alatt fut. A sajátgombok telepítéséhez ragadd meg a sajátgombot és kezd el felfele, vagy lefelelé húzni, rá a megfelelő eszköztárra. Ha a sajátgomra kattintasz, akkor bekerül a sajátgombok közé és onnan húzhatod a megfelelő helyre. A forráskódban keresni pedig a Ctrl+F billentyűkombinációval tudsz. A letiltáshoz szükséges hivatkozást az src= után találod.

    [Forráskód] | [CSS stíluslap]

Jöjjön pár példa:

frame hirdetés blokkolás Opera segítségével

A fenti képen látható a Jobmonitor hirdetése, ami iframe-mel van megoldva. A letiltáshoz érdemes pár könyvtárral feljebb menni és mondjuk a http://www.jobmonitor.hu/partner/* -ot letiltani.

frame hirdetés letiltás Opera segítségével

A végződésekkel nem érdemes foglalkozni, tiltsuk inkább le magát a http://ad.adverticum.net/*-et.

Pár ingyenes tárhelyszolgáltató (Pl:atw, uw) is így helyezi el az oldal tetején lévő hirdetéseket. Ilyenkor érdemes az oldal érdemi tartalma felett jobb gombot nyomni, majd Keret/Megnyitást kiválasztani és azt betenni a könyvjelzőink közé. Ezt megakadályozhatják különböző oldal újratöltő Javascriptek, akkor azokat is le kell tiltani.

2. Reklámletiltás CSS-sel

Talán ez az egész történetnek a legérdekesebb része, ugyanis felhasználói css-ekkel, azaz stílusfájlokkal is blokkolhatunk reklámokat, és ami az egészben a legjobb, hogy ezek lehetnek akár szöveges reklámok vagy a reklámok megmaradt helyének az eltüntetése is. BleedingHeart blogjában olvastam ezt az okosságot. A felhasználói CSS fájlt a következőképpen lehet beüzemelni:

Hatékonyság? Amennyiben megnézed a css kódot, láthatod, hogy többek között képes .class, div és méret alapján is szűrni. Így például, ha van egy hosszú szöveges hirdetés, ami egy .class, vagy div tagban van, akkor azt is le lehet tiltani. A hatékonyságáról talán nézzünk két képet:

Akár szöveges hirdetések letiltása is Opera segítségével

Reklámblokkolás nélkül

Akár szöveges hirdetések letiltása is Opera segítségével

Reklámblokkolásal

Akkor most nézzük meg közelebbről, hogy mi miért is van abban a CSS fájlban. Ehhez először nyissuk meg a CSS fájlt. Esetleg érdemes lehet notepadbe bemásolni, majd a kódolást UTF-8-ra állítani (File > Encoding vagy Fájl > Kódolás), majd elmenteni, hogy a különböző színekkel jobban láthassuk a kódokat.

  • Name: A css fájl első sorában található Name után kell beírni azt a nevet, amit szeretnénk látni az Opera böngészőben a stílus kiválasztásakor.
  • Div id: Ezek után pedig jönnek a különböző kategóriákban a különbőző definiciók, amik közül őszintén megmondva nekem sem világos mindegyik. A második kategóriában mindenesetre a div id-k vannak. Ezekkel lehet a weboldalakat részekre osztani, amiben aztán még lehet bármi: linkek, képek táblázatok, vagy akár további div id-k. Az alábbi képen látható egy szép tiszta kód ilyen elemekkel.
    div id reklám letiltás Opera segítségével
    Div id elemek letiltása

    Ezek alapján, ha mondjuk el akarjuk tüntetni az oldalról a főmenüket (persze ez most csak a példa kedvéért van, mert valószínűleg nem akarunk menük nélküli oldalkat), akkor csak annyi dolgunk van, hogy a CSS fájlunkba a megfelelő kategóriához hozzáadjuk, tehát itt az /* IDs */ után a #navi, sort. De vigyázzunk, mert ez a szabály minden oldalra érvényes! Ha tehát talál egy

    div id="navi" kódrészletet, akkor azt nem fogja megjeleníteni egy weboldalon sem, csak akkor, ha kikapcsoljuk a reklámok blokkolása felhasználói CSS fájlt. Értelem szerint a reklámokat általában hirdetes, reklam, vagy valami hasonló div id-kbe szokták tenni, valahogy így:

     

    <div id="hirdetes">A reklám tartalma, ami lehet kép, szöveg, flash, frame</div>

    Ezért ezeket érdemes hozzáadni. (Ha a módosított CSS-t töltöd le, akkor abban már benne van.)

    Ez a megoldás akkor is praktikus lehet, ha az Opera alapértelmezett Jobb gomb > Tartalom Letiltása... opcióval letiltottunk valamit, viszont a helye ottmaradt.

  • Class, klassz?: A class is részben hasonlít a logikáját tekintve a div id-hez, így ugyanazok vonatkoznak erre is, mint az előbbire. Inkább nézzünk egy példát:

    class reklám letiltás Opera segítségével

    Amint látható, ha a .hirdetes-t beírjuk a CSS fájl /* Classes */ utáni részébe, akkor nem jeleníti meg azt a bizonyos ADSl-es szöveges reklámot. Hát nem nagyszerű?

  • Továbbiak: Képes még a a frame-ek nevei, valamint a képek mérete alapján is szűrni (például a 120*600, 160*600, 468*60, 728*90-as méretűek alapból tiltva vannak).

3. Javascript hirdetés blokkolása

Talán ez az egyik legproblémásabb kategória, hiszen nehéz felismerni a sok-sok Javascript közül, hogy melyik az, amit le kell tiltani. Előfordulhat, hogy próbálgatni kell több megoldás közül. Segítséget ez esetben is kaphatunk az Információ panelen, a Szkriptek alatt van felsorolva az adott oldalban található Javascriptek. Mint már említettem, esetenként próbálgatni kell, de lássuk, hogy mit is!

  • A reklám hivatkozásaival: reklámokat letilthatunk magának a reklám hivatkozásainak a segítségével is.

    Javascript reklámblokkolás Opera segítségével

    Az árulkodó hivatkozás

    Miután az egyik link felett nyomtunk egy jobb gomb > Hivatkozás címének a másolása pontot, nézzük meg az oldal forráskódját (még mindig Alt+F3 vagy Ctrl+U), majd a Ctrl+F gombokkal hívjuk elő a keresőt és oda másoljuk be Ctrl+V-vel az elözőekben a vágólapra tett hivatkozási címet. Amennyiben nagyon hosszú az a hivatkozás, érdemes a végét letörölni a fő domainig, esetünkben a http://hu.search.etargetnet.com-ig.

    Javascript reklámblokkolás Opera segítségével

    Az árulkodó forráskód

    A forráskódban megtaláltuk a címet, tehát ezt kell a tartalom letiltásához hozzáadni. Mivel felfedezhető egy séma az ilyen reklámszolgáltatók kódjaiban, ezért itt érdemes a http://hu.search.etargetnet.com/generic/ címet letiltani.

  • Reklámból következtetve: előfordulhat, hogy a hivatkozásos út valami miatt nem járható - például azért, mert villogó flash formjában kapjuk a reklámot - ilyenkor az is egy járható út hogy rákattintunk a reklámra, szigorúan ugyanazon a lapon és figyeljük a hivatkozást, ami aztán átirányít bennünket a hirdetést feladó weboldalára. A rövid ideig látható címre van nekünk szükségünk és arra kell a forráskódban rákeresni.
  • "Szövegkörnyezetből": az is praktikus lehet néha, ha a reklámhoz közeli, vagy magára a reklám szövegére keresünk rá, de ne feledjük, ha frame-el - azaz az első típussal van dolgunk -, akkor még mindig nem fogunk találni semmit! Ha megtaláljuk a forráskódban a megfelelő helyszínt, akkor próbáljunk elérési útvonalakat keresni, ami előtt src= szokott szerepelni.

4. Kósza hirdetések

Annak ellenére, hogy ez a legprimitívebb megoldás - amikor statikusan beépítünk a tartalom közepébe egy képet, flasht, vagy egyszerűen más színnel és betümérettel beillesztünk egy szöveges hirdetést - mégis ez ellen a legnehezebb védekezni. Ha szöveges a hirdetés, a tartalom közepében van és nincs megkülönböztetve class vagy div id elemekkel, akkor tudomásom szerint nem tudunk vele tenni semmit. Ha kép, vagy flash, akkor az egyszerű Jobb gomb/Tartalom letiltása... opcióval letilthatjuk a képet. De ha nagyon-nagyon rendetlen - vagy másik szemszögből nézve okos és elörrelátó - volt az oldal készítője és mondjuk a reklámok képei abban a mappában vannak ahol az oldal működéséhez, megjelenéséhez szükséges képek is, akkor a letiltásnál eggyesével a Shift-et nyomogatva kell a képekre kattintani, különben az Opera automatikus szabályt készít és az egész oldalról eltünteti a képeket. Ezzel a megoldással kis látogatottságú, vagy olyanok oldalakon találkozhatunk, ahol nem szükséges, hogy a hirdetéseket dinamikusan lehessen változtatni. Szerintem ezekenek a letiltása teljesen felesleges, mert csak a tartalomletiltó fájl méretét növeli, kivétel persze, ha aktív látogatója vagy egy ilyen oldalnak.

A te értékelésed: Nincs, Összesített értékelés: 5 (1 szavazat)

Köszi, zseniális a dolog, végre le tudom takarítani a szemetet az index.hu-ról

Nagyon tetszik a 9.5.1 ,sok funkciója szuper de, a reklám blokkolás az nekem igy magas. Addig is fájó szívvel de marad a Tűzróka. Az adblock plust pofon egyszerű bállítani.Kár hogy az operára nincs ilyen(vagy csak én nem találtam)

Lali képe

Azért a sima jobb katt / Tartalom letiltása lehetőségről ugye tudsz ? Átlag felhasználóknak szerintem az bőven elég, azzal a nagyon nyomuló, lessító Flashes reklámokat simán lehet blokkolni. Ez a cikk főleg a ravasz, szöveges hirdetések eltüntetésekor jöhet jól, az meg asszem a Firefoxnál sem annyira pofon egyszerű, bár régen használtam szóval lehet hogy már megoldották.

Plussz felteszed ezt a CSS-s blokkolást azzal sem kell utána már nagyon törődni, max ha valmit elront, akkor kikapcsolod.

Egyébként ez a cikk inkább a haladó, elvakult Opera usereknek készült, átlgfelhasználónak ennek az elolvasása is elégséges.

 

Köszönöm a választ,

Ezt kerestem, köszönöm a linket!! Én ennél sokkal bonyolultabbnak gondoltam a megoldást. Pedig tényleg egyszerű..

Lali képe

Nincsmit, de egyébként a cikk első bekezdésében is benne van 

 

ehh, ezt lenyelte ;-)
szóval akkor kacsacsőr nélkül: div class="box_light indafotobox"

Lali képe

Amikor írtam, akkor ez nekem se volt teljesen tiszta, ha jól sejtem és jól nézem a dragonflyban, akkor ha van egy szóköz, az azt jelenti, hogy az igazából nem 1, hanem 2 db css class.

Én pl a .indafotobox,-ot betettem a  /* Classes */ sor alá és azóta a Tölts fel és böngéssz képeket! linken kívűl nem hoz be indafotós flash izét...Azt is ellehetne tüntatni a box_bottom_dark, vagy az indafoto_bottom hozzáadásával.

Az alábbi kód miatt gondolom, hogy ez igazából kettő, mert van olyan (az első), amikor összevan vonva a másik kettőnél viszont csak az egyikre, aztán meg a másikra hivatkozik. De, hogy mikor melyiket kell betenni az aztán a jó kérdés. Gondolom amelyikben képre hivatkozik, azt mindenképpen...

 

Ahogy látod nekem is vannak elmaradásaim a CSS terén

  1. #features .box_light.indafotobox
  2. {margin-top: 20px;
  3. padding-top: 5px;
  4. padding-bottom: 7px;
  5. overflow-x: hidden;
  6. overflow-y: hidden;}
  7.  
  8. #features .indafotobox {
  9. margin-top: 20px;
  10. }
  11. #features .box_light {
  12. background-attachment: scroll;
  13. background-repeat: no-repeat;
  14. background-position: 0% 0%;
  15. background-color: #f1f1f1;
  16. background-image: url("http://index.hu/assets/images/cimlap/box_top_light.gif");
  17. padding-right: 10px;
  18. padding-left: 10px;}

köszi, megint okosabb lettem egy picivel ;-)

no meg részsiker, az indafotós izét tényleg sikerült kilőni. viszont a kettős oszlopból a jobpilot hirdetését meg nem sikerül... ha jól látom, azt a div class="hirdetes prcikk" csinálja, de hiába van bent a .hirdetes, meg a .prcikk is, nem akar eltűnni...

betettem még a .hirdetes_bottom-ot is, és most jó lett ;-)

úgyhogy mégegyszer köszi ;-)

Lali képe

Örülök, hogy sikerült 

 

azt vettem észre, hogy ha a class id-jében space is van, akkor azt nem tudom kilőni...
pl. az index főoldalán a

valakinek valami okossága erre?

Hozzászólás

  • A webcímek és email címek automatikusan linkekké alakulnak.
  • Engedélyezett HTML elemek: <p><pre><h1><h2><h3><h4><a> <em><div> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd><table><tbody><tr><td><img><p><object><param><embed><hr /><br />
  • A sorokat és bekezdéseket a rendszer automatikusan felismeri.
  • A linkeket esetenként rel="nofollow" jelzőkkel látjuk el.

További információ a formázási lehetőségekről

CAPTCHA
Az alábbi matek kérdéssel bizonyosodunk meg arról, hogy tényleg ember vagy-e és nem csak egy spameket küldözgető gép.
nulla meg kettő eredménye
Oldd meg a matekfeladatot és írd be az eredményt számmal. Például "kettő meg négy = ?", akkor írd be, hogy "6".
Tartalom átvétel