DIY reklám banner. Mi a banner: relevancia és általános fogalmak
A Kampány létrehozása legördülő menüből válassza a Szalaghirdetés keresése lehetőséget. Adja meg a kampány nevét, válasszon régiót és hirdetésmegjelenítési stratégiát. Javasoljuk az „Átkattintás-optimalizálás” stratégia használatát.
Egyes mezők automatikusan kitöltésre kerülnek, ha szükséges, adjon meg más értékeket.
1. lépés: Adjon hozzá kreativitást
A kreatív letölthető számítógépről vagy az internetről. Hirdetésenként csak egy kreatívot adhat hozzá.
A kreatívnak meg kell felelnie a technikai követelményeknek:
Bannerek jeleníthetők meg olyan lekérdezések esetén, amelyek teljes mértékben tartalmazzák az Ön által megadott kulcskifejezéseket. Kulcsmondatok a bannerek teljes csoportjára vonatkozik.
Banner moderálása és indítása reklámkampányLétrehozása után a szalaghirdetést ellenőrizzük, hogy megfelel-e a megállapított követelményeknek. Kattintson a Küldés moderálásra gombra, és erősítse meg, hogy egyetért az ajánlat feltételeivel, amelyek alapján a Yandex elhelyezi hirdetését. A moderátorok általában néhány órán belül ellenőrzik a szalaghirdetést. A moderálást nem végezzük éjszaka, hétvégén és ünnepek- tovább tarthat, mint hétköznap.
Az ellenőrzés eredményét e-mailben küldjük el a hirdetési kampány létrehozásakor megadott címre.
Üdvözletem, barátaim, a „“ blognak! A mai cikk a gyártásról szól reklám banner csináld magad ingyenes programokkal.
Az információs üzletágban nem lehet pénzt keresni az interneten keresztül reklám nélkül, beleértve a bannerhirdetéseket is. Reklám bannereket telepítenek saját és mások blogjaira, valamint különféle banner hirdető oldalakra. Erre a célra különböző méretű és különböző kivitelű reklámszalagokat használnak.
Ha affiliate programokból vagy viszonteladókból keres pénzt, akkor ezekhez a termékekhez általában különböző méretű reklámszalagok tartoznak, és a blogger csak reklámszalagot helyezhet el az oldalra, vagy helyezheti el a tőzsdéken. hirdetési platformok. De ha reklámozni szeretné a termékét, nem nélkülözheti saját bannerét. Hol szerezhetem be? Két módja van:
- bannert vásárolni (rendelni) szabadúszó tőzsdén;
- saját maga készít egy reklámszalagot.
Természetesen könnyű pénzzel vásárolni, de pénzbe kerül, és a munka kezdeti szakaszában nincs ilyen pénz, először pénzt kell keresni. Nem mindenki vállalkozik arra, hogy önállóan készítsen reklámbannert az ismeretlentől való félelemtől, annak hiányától szükséges ismereteket– bár nagyon egyszerű.
Voltak olyan esetek velem, amikor a Rotaban börzén kellett egy affiliate program reklámszalagjait elhelyezni, de ezt nem tudtam megtenni a hiánya miatt. szükséges méreteket reklámbannerek (más méretű bannerek is szerepeltek az anyagokban). A Rotaban tőzsdén végzett munkáról a „“ cikkben írtunk. Kiderült, hogy ahhoz, hogy pénzt kereshessen a társult programokon, saját reklámszalagokra is szüksége van.
Hadd emlékeztesselek arra, hogy az oldalon található reklámszalagok lehetnek statikusak vagy animáltak. A statikus banner egy egyszerű kép, amelyen általában van valamilyen felirat, az animált pedig önmagáért beszél. Tehát egy statikus banner elkészítése ugyanolyan egyszerű, mint a körte héja minden kezdő számára, és ebben a cikkben ezt fogjuk megtenni. Nagyon sok lehetőség van statikus bannerek készítésére, de egy példán keresztül megnézünk egy meglehetősen egyszerű lehetőséget, ingyenes programok használatával.
Tehát egy egyszerű statikus reklámszalag elkészítéséhez szükségünk van egy grafikus szerkesztőre, ez lehet olyan egyszerű, mint a szokásos Paint program vagy a jól ismert Photoshop. Esetünkben a Pixlr grafikus szerkesztőben készítünk reklám bannert, tetszik ez a program, lényegében online Photoshop, de sokkal könnyebben használható.
Tehát kezdjük! Először is el kell döntenünk, hogy milyen méretű bannerre van szükségünk. Ezután menjen a Pixlr online programhoz (hogyan kell ezt megtenni, részletesen a „” cikkben mutatjuk be. Bemegyünk a programba, és kattintson az „Új kép létrehozása” gombra. A megnyíló űrlapon állítsa be a jövőbeli szalaghirdetés méretét. , esetünkben 468x60, és kattintson az „Igen” gombra.
Most a leendő banner mezője kitölthető a számunkra szükséges színnel és feliratok is készülhetnek. Ennek módját részletesen tárgyaltuk az előző „“ cikkben, ahol képeket készítettünk a blogcikkekhez.
Ebben a cikkben megnehezítjük a dolgunkat, a bannermező szokásos kitöltése helyett a „Gradient” módot használjuk, a kitöltés változó színintenzitással történik, szebb lesz a kép. Ehhez a Pixlr program bal oldali eszköztárában válassza ki a „Gradiens” módot (lásd a képernyőképet) – 1. lépés. Az ablak tetején megjelenik egy „Gradient” csík, kattintson rá – 2. lépés, a színválasztás megnyílik az ablak, válassza ki a szükséges színátmenetet – 3. művelet.
Most az egérrel helyezze a kurzort a leendő szalaghirdetés középső részére, és mozgassa fel, le vagy jobbra, balra. Kísérletileg megkapjuk a kívánt színátmenetet.
Most átfedhet egy képet, valamint bármilyen színű és méretű szöveget írhat (ennek módja a "" cikkben látható).
Ahhoz, hogy reklámszalagot helyezzen el saját vagy valaki más blogján, létre kell hoznia egy másik html kódot a kapott bannerhez. Ez nagyon egyszerűen történik, akárcsak egy kép elhelyezése egy blogon (például egy oldalsávon). Tehát használjuk a kódsablont:
target="_blank"> A bannerkép címe a blogon » width=»468″ height=»60″ border=»0″>
ahol a szélesség a létrehozott szalaghirdetés szélessége;
magasság – magasság;
Ezeket a paramétereket nem szükséges megadni, de célszerűbb megadni, ellenkező esetben hiba esetén előfordulhat, hogy a banner elemek nem jelennek meg megfelelően. Annak elkerülése érdekében, hogy kék szegély jelenjen meg a szalaghirdetés körül, meg kell jelenítenie a border=”0″ értéket.
Most beszúrjuk a fenti sablonba azt a hivatkozást, ahová a látogatót kell vezetnie. Az én példámban az.
Most meg kell szereznünk a kép címét a blogon. Ehhez a kapott bannert, ez egy kép, a blogon a médiafájlok mappájába helyezzük, és onnan vesszük a linket. Ha nem tudja, hogyan kell ezt megtenni, javaslom, hogy nézze meg a „” cikket, ott minden részletesen látható - kép közzététele és hivatkozás beszerzése.
target="_blank">
Amint látja, a reklámszalagok elkészítésének folyamata könnyű és egyszerű, ezt a munkát minden kezdő képes elvégezni, és ha meggazdagodik, szabadúszóként is megrendelheti. Tetszőleges méretű reklámbanner 5-10 perc alatt elkészíthető. Ha reklámoz társult program, de nincs megfelelő méretű banner, ez a módszer teljesen alkalmas mind új készítésére, mind meglévő reklámbanner más méretű átdolgozására.
Az affiliate termékeket egyébként több tucat, sőt több száz ember hirdeti, és mindenki ugyanazokkal a bannerekkel hirdeti az affiliate programot, hidd el, az ilyen bannerekből nagyon kevés a megtérülés. A bevételek növelése érdekében jobb, ha egyedi reklámszalagokkal rendelkezik. A reklámbanner elkészítésének folyamata egy rövid videóban megtekinthető, lásd itt:
A közeljövőben azon leszünk, hogy vonzóbb animált bannereket készítsünk. Iratkozzon fel a blogfrissítésekre, és ne maradjon le a hírekről. Ha kérdése van, forduljon hozzánk. Sok sikert neked!
Kaphat új blogcikkeket közvetlenül az e-mail címére. Töltse ki az űrlapot, kattintson a "Feliratkozás" gombra
Előbb-utóbb minden kezdő webdesigner vagy weboldal tulajdonos arra a gondolatra jut, hogy jó minőségű és szép weboldal reklámra van szüksége. Erre számos lehetőség és eszköz kínálkozik. De talán a leghagyományosabb és hatékony módon A weboldal ilyen reklámozása (promóciója) a bannerreklám. De itt felmerül a kérdés: hogyan készítsünk saját kezűleg bannert egy webhelyhez, mivel a kezdeti szakaszban a webhely költségvetése nagyon korlátozott, és ezért nem minden tulajdonos hajlandó fizetni a szabadúszóknak egy banner elkészítéséhez. Kiderült, hogy a banner elkészítése egy weboldalhoz nem is olyan nehéz dolog, és technológiájában nagyon hasonlít a weboldal fejlécének elkészítésének folyamatához, miközben statikus bannerről beszélünk.
Tehát kezdjük el, hogyan készítsünk bannert egy webhelyhez. Ehhez szükségünk lesz a Photoshop programra, és nem kell hajszolni a legmodernebb Photoshop verziókat, a 6-os verzió eléggé megfelel a célunknak. Egyébként, aki nem tudja, hogyan készítsen háttérképet egy weboldalhoz, valamint fejlécet a webhelyéhez, az is használhatja ezt a programot erre a célra.
Az oldal kérdésének megválaszolásához meg kell nyitnia a programot, hogy létrehozza a bannerünket, vagy inkább annak alapját. Emlékeztetni kell arra, hogy a szabványos bannereknek több szabványos mérete van. A webhelyek általában 468x60, 120x120, 100x100, valamint 88x31 méretű bannereket használnak. Tekintsük a 468x60 méretű banner készítésének lehetőségét.
A program megnyitása után kattintson a „fájl” - „új” fülre. Ezután a megnyíló ablakban adja meg a méreteket (magasság 60 és szélesség 468), ügyelve arra, hogy a mértékegységek pixelek legyenek. Állítsa a felbontást 150 pixel per hüvelykre, és válasszon átlátszó hátteret.
Ezután el kell helyeznie egy képet és szöveget a bannerünkre. De először töltsük fel a bannerünket a kívánt színnel. Ehhez válasszuk ki az eszköztáron a bal oldali kitöltő eszközt, de előtte mindenképpen válasszuk ki a kívánt színt (bal gombbal kattintsunk a felső színnégyzetre, és a megnyíló palettán válasszuk ki a kívánt színt). De most már a kitöltés segítségével befestheti a szalagcím hátterét a kiválasztott színre.
Most helyezzük el a képet a banneren. Ehhez először döntse el, hogy milyen képet fog közzétenni. Kívánatos, hogy ne egy összetett figurát ábrázoljon, és ha nem is logó, de legalább a lehető leghasonlóbb legyen hozzá (bár sok múlik a transzparens előtt álló feladatokon). A kép kiválasztása után egyébként jpg vagy gif kiterjesztésűnek kell lennie, nyissa meg a Photoshopban. Ezt követően a kép méretét a bannerünkhöz igazítjuk. Ehhez a főmenüben válassza a „kép” - „képméret” fület. Ezt követően a megnyíló ablakban be kell állítani a kép magasságát 60 pixelre, és feltétlenül jelölje be az „arányok megőrzése” négyzetet. Ha a képnek saját háttere van, akkor először ki kell vágnia, és átlátszó hátterű új képbe kell beillesztenie. A méret beállítása, a mozgatási eszköz kiválasztása után húzzuk a képet a bannerünkre és helyezzük oda a kívánt helyre.
Most szövegre van szükségünk. Ehhez válassza ki a „szöveg” eszközt, írja be a kívánt kifejezést, és helyezze el úgy, hogy szükség szerint egyszerűen húzza a kép fölé. Ezek után nem kell mást tenni, mint a menüben kiválasztani a „mentés webre” (mentés másként) menüpontot, és mentéskor kiválasztani a jpg képformátumot.
De sok ember számára nem kívánatos, hogy egy szöveges banner link banner legyen. Hogyan készítsünk linket a banneredhez, és linkeld őket. Ehhez a következő kódot kell beírni arra az oldalra, amelyik elhelyezi a bannert (ez megtehető Dreamweaver típusban is)< а href="URL ВАШЕЙ СТРАНИЧКИ">< img srс=" URL БАННЕРА " >< /а>. a „BANNER URL” meghatározásához tudnia kell, hogyan és hol helyezhet el szalaghirdetést az oldalra.
Ez az, a bannered készen van, és most nem tedd fel magadnak azt a hülye kérdést, hogyan készíts bannert az oldalra. Egyébként a bannerek használatával, de nem statikusakkal, hanem a flash technológiára alapozva jelentősen diverzifikálhatja webhelye oldalait, és egy gyönyörű flash webhely megjelenését kölcsönözheti.
Sziasztok kedves oldal olvasók. Ma megnézünk néhány népszerű terméket online szolgáltatás ov banner létrehozásához az oldalhoz. Megpróbáljuk kiválasztani az optimális tervezőt a munkához, amely egyesíti az ingyenes funkciókat és az orosz nyelvű felületet. Nézzük meg előnyeiket és hátrányaikat. A következő cikkekben fogunk beszélni, amelyekben példákkal láthatja, hogy az online szerkesztők használata sokkal kényelmesebb.
BannerBOO – online html5 bannertervezőEz az online szerkesztő lehetőséget kínál html5 bannerek létrehozására. A főoldal kialakítása arra ösztönzi a felhasználót, hogy barátságos módon lépjen kapcsolatba a szolgáltatással. Formában van kialakítva céloldal oldalakat. Minden intuitív, ami további előnyökkel jár ennek a szerkesztőnek.
Két fő felületi nyelv létezik: orosz és angol. A kész bannerek példáit a „Galéria” gombra kattintva vagy a „További részletek” kiválasztásával tekintheti meg, hogy megismerje az online bannertervező képességeit. Ezenkívül a kezdőoldalon megismerkedhet díjcsomagok, az „Árak” menü kiválasztásával készítsen bannert online, olvassa el a cég blogját, ismerkedjen meg a kész html5 banner sablonokkal.
A BannerBOO két díjcsomagot kínál ügyfeleinek:
Az alábbiakban összehasonlíthatja a díjszabási lehetőségeket:
Előnyök:
Hátrányok ingyenes alkotás online html5 banner ebben a tervezőben:
Banner rajongók () – ez a szerkesztő kiváló funkcionalitásával és egyszerű szalaghirdetés-készítésével tűnik ki. A főoldal egy elrendezést biztosít, amely minden alkalommal megváltozik, amikor módosítja a sablont. A kezdőoldal komor, de nem azért jöttünk ide, hogy megcsodáljuk. Kezdetben ez az erőforrás angol nyelvű volt, de idővel számos nyelv támogatása jelent meg. A nyelv kiválasztása a jobb felső sarokban található (az alábbi képernyőképen a nyíl jelzi). Azonnal szeretném megjegyezni, hogy a fordítás undorító, úgy tűnik, hogy a Google fordítója fordította.
Nézzük a menüt:
A beállítások bármilyen változása a „Szalak módosítása” gombra kattintva tekinthető meg. Ezek a gombok az ablak alján találhatók. Itt elmentheti, letöltheti a beágyazási kódot a webhelyen, és letöltheti fájlként. Ha új bannert szeretne létrehozni, kattintson az „Új indítása” gombra, és megnyílik egy új elrendezés.
Hibák:
Előnyök:
A Canva () egy online szolgáltatás ingyenes weboldal bannerek készítésére. A főoldalon a rendszer kéri, hogy válasszon típust:
A kiválasztott típustól függően megfelelő sablonokat kínálunk a banner készítéséhez. A Canva az elrendezések nagyobb választékát kínálja. Csak kattintson az egyikre, és szerkeszthető lesz. Válassza ki a sablonon elhelyezett elemek közül bármelyiket (kattintson rá duplán), és módosíthatja. Ez vonatkozik a képekre és a szövegekre is.
A bal oldalon van egy menü:
A Canva.com rendelkezik és fizetett funkciók. Az elrendezés méretének megváltoztatásához egy hónapra kell előfizetnie. Költség 12,95%. Egy évre olcsóbb. Fizetéssel bizonyos előnyöket kap. De ezek nélkül is ingyenesen készíthet bannert online a tervező ingyenes funkcióival.
Előnyök:
Hibák:
A reklám minden weboldalon elengedhetetlen. Csak a reklámeszközök költsége magasabb, mint az abból származó bevétel. Sokan ilyenkor kezdenek okoskodni, hogy legalább egy kicsit spóroljanak. Az ilyen „trükkösek” számára elmondjuk, hogyan készítsünk bannert.
Mik azok a bannerekA banner az interneten téglalap alakú reklámképet jelent statikus vagy dinamikus (animált) tartalommal. A szalaghirdetés szöveget és grafikát is tartalmazhat. A banner általában egy hivatkozással van felszerelve, amely az egérgombbal történő kattintás után aktiválódik.
A szalaghirdetések hatékonyságának korszerű növekedése a kontextus szerinti célzás használatával függ össze. Ugyanakkor a webhely bannerjei csak azokat az árukat és szolgáltatásokat hirdetik, amelyek „összhangban vannak” az erőforrás témájával:
Jó lenne tudni, hogyan készíthetsz bannert egy weboldalhoz. De először meg kell értenie a bannerek létező típusait. A következő típusokat különböztetjük meg:
- Statikus bannerek – statikus képből állnak. Ezek JPEG vagy PNG formátumú képek. Kis súly jellemzi őket, ami nem befolyásolja az oldal betöltési sebességét.
- Animált bannerek – GIF használatával készült animáció. Több képből áll, amelyek adott frekvenciával helyettesítik egymást. A banner súlya a benne használt képek számától függ.
- Flash – ebben a szalaghirdetésben az animáció Flash-alapú. Képes reagálni a felhasználói műveletekre.
Az interaktív tartalom játék vagy kérdőív formájában is bemutatható, hozzáadott hanggal. Az animációs rajzok vektorgrafikával készülnek.
Számos különböző méretű weboldal banner létezik. De a legnépszerűbbek közülük:
- 88 x 31 pixel;
- 120 x 60 pixel;
- 120 x 90 pixel;
- 120 x 240 pixel;
- 125 x 125 pixel;
- 120 x 600 pixel;
- 160 x 600 pixel;
- 180 x 150 pixel;
- 234 x 60 pixel;
- 240 x 400 pixel;
- 250 x 250 pixel;
- 300 x 600 pixel;
- 300 x 250 pixel;
- 336 x 280 pixel;
- 150 x 150 pixel;
- 468 x 60 pixel;
- 728 x 90 pixel.
A weboldalon elhelyezett reklámbanner hatékonysága nem csak az oldal népszerűségétől függ. Hatékonysága nagymértékben függ magának a reklámnak a végrehajtási szintjétől. A jó minőségű bannernek több alapvető kritériumnak kell megfelelnie:
- Vonja fel a felhasználó figyelmét – de ez nem jelenti azt, hogy a bannernek túl világosnak és villogónak kell lennie. Az ilyen reklámok irritációt okoznak a látogatóban, nem pedig a figyelmet. A banner tartalmának észrevétlenül „sugalmaznia” kell a felhasználót a jelenlétére. Ezért a kép és a hozzá tartozó szöveg kiválasztásakor mindig figyelembe kell venni a pszichológiai tényezőt;
- Érdeklődés felkeltése – a weboldal bannereinek fel kell kelteniük a felhasználók érdeklődését a reklám tárgya iránt. Egy terméket vagy szolgáltatást nemcsak ízléssel, hanem eredeti módon is kell bemutatni. A könnyed szellemesség és humor használata javasolt:
- A banner linkre való kattintás ösztönzése – némi titokzatosság és alulmondás hatása miatt érhető el,
beágyazva a szalaghirdetés tartalmába. - A szolgáltatás megrendelésének vagy vásárlásának ösztönzése elsősorban a banner hirdetés tartalmától függ. Ennek kellene a legtöbbet mutatnia legjobb oldalai a reklám tárgya vagy az a haszon, amelyet a felhasználó annak megszerzéséből kaphat.
- Ha egy banner célja a márkaismertség növelése és imázsának javítása, akkor a reklámtartalomnak bizalmat kell kelteni a fogyasztóban. De ne okozzon negatív asszociációkat.
Szabályok, amelyeket figyelembe kell venni, mielőtt bannert helyez el az oldalon:
- Minél nagyobb a szalaghirdetés, annál nagyobb a valószínűsége annak, hogy a felhasználó rákattint. A leghatékonyabb méret a 240 x 400 pixel;
- A legfelül (a fejlécben) elhelyezett bannerreklámnak van a legnagyobb hatása. Az oldal szélére vagy aljára is elhelyezhető, de a hatékonyság itt valamivel alacsonyabb;
- Az animált bannerek képesek gyorsan felhívni a felhasználó figyelmét - az emberi szem intuitív módon reagál a mozgásra.
Mielőtt elhelyezne egy szalaghirdetést a webhelyén, el kell döntenie annak elhelyezési helyét. Ebben az esetben figyelembe kell vennie a banner méretét és az oldalakon rendelkezésre álló szabad területet. Miután eldöntötte a reklámblokk helyét, beillesztheti a banner kódját a html oldalra.
A legtöbb banner kódja megegyezik a sablonnal:
- a href=”/hivatkozás a hirdető webhelyére” – annak az erőforrásnak a címe, amelyre a szalaghirdetésre kattintva a felhasználó elvezeti;
- title=”title” – az eszköztippben megjelenő szöveg, amikor az egérmutatót a szalaghirdetés területe fölé viszi;
- target=”_blank” – meghatározza a hirdető weboldalának a banner linkre kattintás utáni megjelenítésének szabályait („_blank” – új ablakban nyílik meg);
- rel=”nofollow” – megakadályozza, hogy a keresőmotorok feldolgozzák ezt a hivatkozást;
- img src=”https://www.site/wp-content/uploads/path to image” – beállítja a szalaghirdetésben megjelenített kép elérési útját;
- alt=”alternative text” – olyan szöveg, amely megjelenik a szalaghirdetésben, ha annak képe nincs betöltve.
De nem kell magadnak megtervezni a bannert. Ehhez speciális online generátorokat használhat. Ha egy ilyen szolgáltatáshoz szeretne banner kódot generálni, ki kell töltenie több mezőt, és kattintson a gombra:
Vagy megrendelheti egy banner elkészítését egy professzionális stúdióban. Akkor többe fog kerülni... Íme a hozzávetőleges árak:
- Rendszeres GIF banner fejlesztése – 25 dollártól;
- Flash alapú bannerkészítés – 70-150 dollár;
- Átméretezés – az eredeti ár körülbelül 50%-a.
De ha egy kicsit ügyes leszel, készíthetsz egy egyszerű bannert magad is. Ez az a csoda, ami tíz percnyi manipuláció után megtörténik html kódotés egy kép a Coreldraw-ban:
Banner kód:
Ha még egy kicsit játszol a kóddal, és hozzáadsz néhány eseménykezelőt, akkor egy változó képpel ellátott szalaghirdetést kapsz. A szalaghirdetésben lévő kép megváltozik, ha fölé viszi a kurzort.
Íme, mi történt:
Példakód:
Nézzünk egy példát arra, hogyan lehet animált bannert készíteni az Ulead GIF Animator programmal.
