Technikai specifikációfrissítve: 2021-04-06

A Portfolio Csoport Magyarország vezető internetes gazdasági hír- és adatszolgáltatója. A legfrissebb gazdasági, pénzügyi hírek, elemzések mellett real-time árfolyamokat, tőzsdei kereskedési rendszereket, döntéstámogató eszközöket, egyedi elemzéseket és különleges rendezvény-megjelenéseket kínál olvasóinak, ügyfeleinek.

Szakmai rendezvényein évente több tízezer látogató találja meg a számára értékes és naprakész információkat, épít szakmai kapcsolatokat.

Hirdetések kiszolgálása

A Portfolio Csoport weboldalain a Gemius AdOcean adszerver-szoftver biztosítja a bannerek, illetve egyéb hirdetési megoldások kiszolgálását.

További információ

Gemius AdOcean: www.adocean.hu
Gemius Magyarország: www.gemius.hu

Hirdetéstípusok és méretek

A Portfolio Csoport online felületein az alábbi hirdetéstípusok és méretek elhelyezésére van lehetőség

  • Hagyományos display bannermegjelenések
  • Rich media megjelenések
  • Szöveges hirdetések
  • PR cikkek
  • Szponzoráció

Bannerméretek

  • 970x250px IAB billboard
  • 970x90px Super leaderboard
  • 640x360px Roadblock
  • 300x600px Halfpage
  • 300x250px Medium rectangle
  • Bannermix

    Legalább 3 bannerméretet tartalmazó kreatívcsomag
    970x90/250px
    640x360px
    300x250px

    3rd party adserver scriptek

    A Portfolio Csoport online felületein megjelenő hirdetések az alábbi adserver-ek scriptjein keresztül is kiszolgálhatóak.

    Gemius Direct Effect
    Google Display & Video 360
    AdForm Ad Server
    Sizmek by Amazon
    OpenX Ad Server
    Adverticum Ad Server (A kattintások mérése nem biztosított!)

    FONTOS!

    A scriptekben csak HTTPS előtaggal rendelkező URL hívások szerepelhetnek, a megfelelő megjelenés illetve a pontos AV/CT mérés csak így garantálható.

    Mérőkódok

    A kampányok teljesülésének más rendszerekből történő követéséhez mérőkódok beépítése szükséges.

    Display kreatívok AV és CT méréséhez szükséges kódok:
    AV mérő IMG (1x1px), JS, vagy IFRAME formátum
    CT mérő redirect URL
    PR cikkek olvasottságának és cikkben elhelyezett URL(ek) átkattintásának méréséhez szükséges kódok:
    AV mérő IMG (1x1px) formátum
    CT mérő redirect URL

    FONTOS!

    A mérőkódokban csak HTTPS előtaggal rendelkező URL hívások szerepelhetnek, a megfelelő megjelenés illetve a pontos AV/CT mérés csak így garantálható.

    A display kampányok telejesülésénél mindig a Portfolio Csoport által használt Gemius AdOcean Ad Server által mért adatok az irányadók!

    Célzási megoldások

    A Portfolio Csoport által használt Gemius AdOcean Ad Server-ben az alábbi célzási lehetőségeket beállítására van lehetőség

    Geo lokáció Tartózkodási hely szerinti célzás
    Desktop operációs rendszer Windows, macOS, Linux
    Mobil operációs rendszer Android, iOS, Windows Phone
    Böngésző Chrome, Safari, Firefox, MSIE, Opera
    Eszköz típus Desktop, Mobil, Tablet, Smart TV, E-book olvasó, Játék konzol, stb.
    Szolgáltató (ISP) Telekom, Telenor, Vodafone, Invitel, stb.
    Képernyő felbontás Szabadon meghatározható pixelszám szerint (szélesség és/vagy magasság)
    Cimke Cikkekben elhelyezett cimkék/kulcsszavak szerinti célzás
    Retarget Felhasználói válaszreakciók szerinti célzás
    URL Megjelenítő URL szerinti célzás

    Anyagleadási paraméterek

    Maximális fájlméret Kreatívonként maximum 300 kByte
    Kép kreatívok formátumok jpeg, png (8/24bit), gif (statikus vagy animált)
    HTML kreatívok AdOcean HTML5 specifikáció szerint elkészített reszponzív HTML fájl, vagy több fájlt tartalmazó .ZIP fájl
    Videofájlok 640x360px (16:9 képarány) MPEG-4 Part 14 (.mp4) fájl URL-je (vagy stream URL)
    Anyagleadási határidő A kampány indulás előtt legkésőbb 2 munkanappal, a kampany@portfolio.hu e-mail címre.

    Hoszting

    A 300kByte fájméretet meghaladó HTML vagy Video kreatívok hosztolását a Portfoli Csoport díj ellenében 2MB (megabyte) fájlméretig vállalja. A hosztingdíjakról kérjük egyeztessen kampánycsapatunkkal!

    Statisztika

    A Portfoli Csoport hozzáférést biztosít ügyfelei számára a Gemius AdOcean Ad Server statisztikai felületéhez.
    A felületen az alábbi funkciók érhetők el:

    • Futó kampányok teljesülésének követése
    • Korábbak kampány statisztikáinak lekérése
    • Jelentések készítése korábbi kampányokról.

    HTML5 Specifikáció

    A HTML5 hirdetések előkészítéséhez szükséges általános műszaki előírások

    A paramétereket az kiszolgálószerver automatikusan csatolja a hirdetés URI-jához. Az URItöredéket a hirdetéskódban nem szabad használni a dokumentumban leírtaktól eltérő módon. Annak érdekében, hogy kreatív hozzáférhessen a paraméterekhez (beleértve az átirányítási változókhoz való hozzáférést is), a következő javascriptet kell lefuttatni a <body> tag után:


    Kreatív összetevők

    Egy HTML hirdetést a lehető legkevesebb elemből kell felépíteni. Minél kevesebb az összetevő, annál gyorsabban töltődik be a kreatív és lesz látható a felhasználó számára.

    Relatív útvonalakat kell használni minden elemre (kivéve a külső kiszolgálókon tárolt elemeket).

    A CSS és a JavaScript beilleszthető a fő HTML fájlba, ami csökkenti a kreatív elemek számát.

    Grafikus elemek is szerepelhetnek a HTML fájlban (Base64 algoritmusos kódolással). Ez növeli a HTML fájl méretét, de nem lesz szükség a képfile-ok betöltésére. Azt is biztosítja, hogy az összes elem egyszerre elérhető legyen a hirdetésben.

    Fontos, hogy a kreatív HTTPS kompatibilis legyen, hiszen a modern böngészők blokkolják a HTTP tartalomra irányuló összes kérelmet HTTPS protokol használata esetén. Ezért fontos, hogy van minden hivatkozás HTTPS legyen, vagy olyan megoldást kell alkalmazni, ahol a böngésző el tudja dönteni, hogy milyen protokolon kell az adott hivatkozást meghívni.


    Hirdetések feltöltése

    A Gemius AdOcean Ad Server-re kétféle HTML5 kreatív tölthető fel

    • Önálló HTML kreatív
    • Több elemet tartalmazó .ZIP fájl

    Önálló HTML fájl

    Egy HTML5-hirdetés egyetlen fájlként történő feltöltéséhez be kell ágyaznia az összes CSS és JS fájlt egy HTML-fájlba. A képeket pedig Base64 algoritmussal kódolni vagy egy külső kiszolgálón kell hosztolni és így hivatkozni rá a HTML fájlban.


    Több elemet tartalmazó .ZIP fájl

    Az összes elemet tartalmazó .ZIP fájl feltöltése is lehetséges. Minden relatív útvonal megmarad. Az egész hirdetés ugyanabba a mappába kerül feltöltésre az kiszolgáló szerveren. A .zip formátumú hirdetés feltöltéséhez a fájlnak a következő követelményeknek kell megfelelnie:

    • legalább egy HTML-fájlt kell tartalmaznia
    • tartalmaznia kell az index.html fájlt (ez különösen fontos, ha a .zip fájlban több HTML fájl található)
    • a fő HTML-fájlnak legmagasabb szinten vagy gyökérkönyvtárban kell lennie
    • lehet gyökérmappája
    • nem lehet több root mappát létrehozni
    • több HTML fájlt is tartalmazhat.

    Példák különbőző .ZIP fájl struktúrákra

    .ZIP fájl struktúrára gyökérkönyvtárral + creative.zip
    + - + / gyökér mappa
    + - + index.html
    + image.png
    + style.css
    .ZIP fájl struktúrára gyökérkönyvtár nélkül + creative.zip
    + - + index.html
    + image.png
    + style.css
    érvénytelen .ZIP fájl struktúrára több gyökér mappával + creative.zip
    + - + / rootfolder1
     |+ - + index.html
     |+ image.png
     |+ style.css
     | + - + / rootfolder2
    + - + index.html
    + image2.png
    + style2.css

    Kattintást mérő tag (Click-tag)


    Kreatív kattintási változóval

    Az ilyen típusú hirdetésnek tartalmaznia kell egy olyan változót, amelyhez az átirányítási link hozzárendelhető. Miután az Általános információ részben leírt kód lefutott, a landing oldal (minden egyéb kattintási méréssel együtt) elérhető lesz a params.clickTag változóban.

    Az alábbiakban egy példát mutatunk be a hirdetésben szereplő kattintások mérésére szolgáló változóval, amelyet a kódban click-nek hívunk, az interface-ben pedig a clickTag-nek:

    Ha a gDE vagy az AdOcean felületen a kattintási változónak egy másik nevet állít be, vagy több kattintásicímkét használ, akkor megfelelő változóneveket kell használnia, például:

    params.clickthrough;
    params.clickTAG;
    params.clickTag0;
    params.clickTag1;

    Kreatív kattintás változó nélkül

    Ha egy hirdetés nem tartalmaz kattintási változót, és nincs hely, amihez a megfelelő paramétert rendelhetné, akkor próbálja meg kitalálni, hogy melyik elem lesz kattinthatható, és egy <a> címkével vegye körül. Például, ha van egy HTML5-ös hirdetés, amely csak egy képet tartalmaz, akkor az <img> címke köré kell egy <a> tag-et tenni. Ha vannak <div> tag-ek, akkor válassza ki a legszélesebbet.

    Az <a> tag "href" attribútumát átállíthatja a következő szkript használatával. Ne feledje, hogy ezt a szkriptet a mért elem után kell lefuttatni:



    Példa a teljes kódra

    Eredeti HTML kód a specifikáció szerinti kiegészítések nélkül:


    Az ilyen típusú hirdetések kattintásainak helyes méréséhez az alábbi példában látható változtatásokat kell végrehajtania.

    Hozzáadott követőkódokkal rendelkező hirdetés:



    A hirdetés átirányításának legegyszerűbb módja a megfelelő elem címkékkel való körülvétele

    Példa egy <a> tag-et használó HTML hirdetés helyes implementációjára:

    FONTOS!

    Kérjük, vegye figyelembe, hogy mielőtt meghívná a params változót, az általános műszaki előírások részben található kódot le kell futtatni. Ha az átirányítási linket a kód végrehajtása előtt rendeljük hozzá, akkor hibát kapunk


    Interakciók

    Az összetettebb viselkedésű hirdetések (például a expand vagy a toplayer) megkövetelik a kiszolgálósablonokkal való integrációt, így képesek méretet növelni, bezáródni, stb. Az interakciók neveit az URI-fragment paraméterei között adjuk át (ugyanúgy, ahogy a clickTag esetében).

    Az Expand sablonban doexpand és dolittle paraméterek, míg a Toplayer sablonban onCrossClick paraméter végzi el a kívánt műveletet.

    A megfelelő függvény végrehajtásáért felelős kód a következőképpen néz ki:


    A kódrészlet, amely észleli, hogy az egérkurzor a banner BODY-ján vagy azon kívül van, a következőképpen néz ki:


    Példa a Toplayer-hirdetés kódjára, amely olyan elemet tartalmaz, amelynek ID-ja egyenlő a "closeButton" értékkel. Miután rákattint erre az elemre, a banner azonnal bezárul.

    FONTOS!

    A fenti függvények felelősek a szülőelem viselkedéséért, a hirdetés ezen belül helyezkedik el. A további műveletek (például grafikai elemek módosítása), melyek ehhez a viselkedéshez kapcsoldónak (például a banner átméretezése) a kreatívon belül kell elvégezni.

    Coalition For Better Ads

    2018 február 15-től lépett életbe a Chrome hirdetésblokkoló megoldása, amely minden böngészett oldalt átvizsgál és ha a Coalition for Better Ads szabványai szerint zavaró típust talál, akkor ezt API-n és jelentésben jelzi az oldaltulajdonosnak.

    A hirdetések minőségét a Coalition for Better Ads egy több ezer felhasználó bevonásával elvégzett kutatás eredményeire alapozott Better Ads Standards gyűjtemény szerint állapítja meg, amely a felhasználók számára leginkább zavaró reklámokat tartalmazza.

    Ennek alapján a Chrome hirdetésblokkoló kiszűri többek közt a felugró hirdetéseket, az automatikusan elinduló, hangos videókat, a "visszaszámoló" és egyéb teljes képernyős reklámokat, valamint a villogó, animált hirdetéseket. (A teljes lista megtekinthető a Coaliton for Betted Ads weboldalán)

    Ha az oldal tulajdonosa 30 napon belül nem javítja a feltárt hibákat, akkor a Chrome minden display hirdetést blokkol a webhelyen.

    FONTOS!

    A kreatívok tervezésekor és gyártásakor mindig vegye figyelembe a Coalition For Better Ads bannerekre és azok méretére vonatkozó ajánlásait!