User Tools

Site Tools


conversion:start

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
conversion:start [2015/10/06 15:16]
avarga
conversion:start [2020/12/11 11:06] (current)
zkocsis
Line 9: Line 9:
 Alább a gyakrabban használt szerkesztő és konvertáló eszközök által előállított bannerek kódjainak átalakításában kívánunk segítséget nyújtani, software specifikus lépéseken keresztül. Alább a gyakrabban használt szerkesztő és konvertáló eszközök által előállított bannerek kódjainak átalakításában kívánunk segítséget nyújtani, software specifikus lépéseken keresztül.
  
-====== Swiffy-vel konvertált Flash bannerek átalakítása és felvétele az easyHTML sablonhoz ======+===== Adobe Animate CC-vel készült bannerek átalakítása és felvétele =====
  
-A Swiffy egy ingyenesen használható Google termék, mely a legtöbb Flash kreatívot képes HTML kreatívvá konvertálni. Ez a szolgáltatás az alábbi címen érhető el online: 
  
-[[https://developers.google.com/swiffy/convert/upload]] 
  
-Az alábbi dokumentáció egyszerű beágyazott Flash alapú bannerek átalakításához nyújt segítségetA hibátlan működés előfeltétele, hogy olyan kreatívot használjunk, mely megfelel bannerkészítési útmutatónkban foglaltaknak:+=== 1.) Nyissuk meg .html file-t egy szövegszerkesztőben (pl.Notepad++) ===
  
-[[http://dev.adverticum.com/creatives:flash]] 
  
-===== Konvertálás menete =====+=== 2.) A goa-helper.js hozzáadása ===
  
-**1.** Válasszuk ki a file-t a “Choose File” gomb lenyomása utánValamint fogadjuk el a felhasználási feltételeket, a képen látható check-box-ra kattintva. +A goa-helper.js beüzemeléséhez csak illesszük az alábbi sort banner <head> tagjábaMinden funkciómely ezekre funkciókra és változókra hivatkozik ez után kellhogy kerüljön.
- +
- +
-{{ :conversion:screen_shot_2015-08-18_at_5.13.24_pm.png?nolink&600 |}} +
- +
-**2.** Kattintsunk az “UPLOAD” gombra feltöltéshez. +
- +
-{{ :conversion:screen_shot_2015-08-18_at_5.13.12_pm.png?nolink&600 |}} +
- +
-**3.** A sikeres konvertálást követően a “VIEW CONVERSION” gombra jobb gombbal kattintva, mentsük le az előállított HTML állományt. +
- +
-{{ :conversion:screen_shot_2015-08-18_at_5.13.49_pm.png?nolink&600 |}} +
- +
-===== A konvertált állomány átalakítása, Adverticum AdServerben való futtatáshoz ===== +
- +
-:!: **Figyelem, a leírás Swiffy 7.x.x-hezvagy magasabb verziókhoz készült** +
- +
-Ezt a banner forrásának elején tudjuk ellenőrizni, a ''swiffy/**v7.3**'' részt keresve:+
  
 <code html> <code html>
- +<script src="//ad.adverticum.net/scripts/goa-helper.js"></script>
-<script type="text/javascript" src="https://www.gstatic.com/swiffy/v7.3/runtime.js"></script> +
 </code> </code>
  
-:!: **Figyelem, az alábbiakra csak akkor van szükség, amennyiben a banner alkalmaz nyitó vagy záró függvényeket, egyébként a banner rögtön felvehető az easyHTML banner felvételi lépéseivel! [[http://dev.adverticum.com/creatives:ehtml#banner_felvetele]]** 
  
-**1.** Nyissuk meg a lementett file-t egy szövegszerkesztőben (pl.: Notepad++).+=== 3.) Kattintások kezelésének kialakítása ===
  
 +Kattintások kezeléséhez a goa.clickTAG változót kell kiolvasnunk, és az alábbi módon felhasználnunk.
 + 
 +Az <a> tag azt a felületet teszi kattinthatóvá, mely a nyitó és a záró része között található. Ha azt szeretnénk, hogy a teljes kreatívunk kattintható legyen, a nyitó (<a>) taget a kreatívot tartalmazó wrapper elején, a záró taget (</a>) pedig a végén kell meghívnunk.
  
-**2.** Keressük meg az alábbi részt a kód vége felé: +Például:
  
 <code html> <code html>
-    <script+<a id="clickTAG" href="" target=""
-       + <div id="animation_container" ... 
-      var stage new swiffy.Stage(document.getElementById('swiffycontainer'), + <!-- A banner HTML kódja -->  
-          swiffyobject, {}); + </div
-       +</a>
-      stage.start(); +
-    </script+
-</code>+
  
 +<!-- A kattintást kezelő script -->
  
-**3.** Ebbe illesszük be az alábbi sort, a fenti rész elé: +<script
- +    (function(){ 
-<code html+  
-<script src="//ad.adverticum.net/scripts/goa-helper.js"></script>+        var cT document.getElementById('clickTAG'); 
 +        cT.href = goa.clickTAG; 
 +        cT.target = goa.clickTARGET; 
 +    })(); 
 +</script>
 </code> </code>
- 
-Ez után így kell kinéznie a kódunknak: 
- 
-<code html> 
-    <script src="//ad.adverticum.net/scripts/goa-helper.js"></script> 
-    <script> 
- 
-      var stage = new swiffy.Stage(document.getElementById('swiffycontainer'), 
-          swiffyobject, {}); 
- 
-      stage.start(); 
-    </script> 
-</code> 
- 
-**4.** Mentsük el az állományt. 
  
  
conversion/start.1444137376.txt.gz · Last modified: 2015/10/06 15:16 by avarga