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 [2017/05/03 16:58] (current)
dczipperer
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 Anime 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