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
Last revision Both sides next revision
conversion:start [2015/10/06 15:16]
avarga
conversion:start [2017/05/03 16:52]
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.Nodepad++) ===
  
-[[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.txt · Last modified: 2017/05/03 16:58 by dczipperer