WIDGET Centrum Prezentó w

Transkrypt

1 WIDGET Centrum Prezentó w Dokument zawiera w sobie opis konfiguracji i oprogramowania

2 Kampania Centrum Prezentów Przed pobraniem Centrum Prezentów należy zapisać się do kampanii o tej samej nazwie tak jak do każdej kampanii dostępnej w systemie TradeTracker. Akceptacja wydawcy następuje automatycznie. Uwaga Centrum Prezentów wyświetla produkty z kilkunastu kampanii. Do poprawnego działania linków potrzeba być zapisanym do każdej kampanii należącej do Centrum Prezentów. Zespół TradeTracker sprawdzi każdego wydawcę i zapisze go do brakujących kampanii. Musi to zająć jednakże trochę czasu do jednego dnia roboczego. Pobieranie widget a Widget Centrum Prezentów dostępny jest w zakładce Materiały Promocyjne -> Banery -> Kreacje HTML Poniżej zostaną przedstawione dwie metody pobierania wideta po stronie wydawcy. - metoda A (rekomendowana) łatwiejsza metoda dla wydawcy, wydawca pobiera widget, jak każdą inną kreację - metoda B elastyczna w konfiguracji 1

3 Instalacja widgeta na stronie wydawcy (metoda A) Po stronie wydawcy pobieranie widget u odbywa się tak samo jak każdego innego materiału promocyjnego. Widget można pobrać w dowolnej postaci, np. I-frame czy JavaScript. Wyświetlony kod należy skopiować i wkleić do kodu HTML strony lub np. systemu CMS. Instalacja widgeta na stronie wydawcy (metoda B) 1. Wydawca wstawia na swojej stronie sekcję konfiguracji widgeta. Sekcja ta jest nieobowiązkowa: 2. Wydawca pobiera z panelu TT kod widgeta 50 x Centrum_zaawansowana : 3. Do pobranego kodu wydawca wstawia atrybut id= ttinc. 4. Następnie wydawca wstawia kod: 5. W ten sposób wydawca zainstaluje podstawową wersję widgeta. Funkcje i wygląd widgeta można rozszerzać poprzez sekcję konfiguracyjną. Sekcja konfiguracyjna nie jest obowiązkowa, a jej parametry nie są obligatoryjne. 6. Przykładowa rozszerzona sekcja konfiguracyjna może wyglądać następująco: 2

4 Konfiguracja wideta (metoda B) W sekcji konfiguracyjnej widgeta możesz zmienić jego wygląd lub funkcjonalność. Konfiguracja widgeta przyjmuje następujące parametry: a) this.width ustawia szerokość; przyjmuje wartości w formacie: 100px (w pikselach) lub 100% (w procentach) b) this.height ustawia szerokość; przyjmuje wartości w formacie: 100px (w pikselach) lub 100% (w procentach) c) this.theme ustawia skórkę widgeta; dostępne są następujące wartości/skórki: atlantis, blaze-orange, curious-blue, de-york, downy, gold, hot-pink, jgger, mexican-red, orient, pink, pomegranate, red, teal, violet-red, violet d) this.menu ustawia pozycję menu; dostępne są dwie wartości/pozycje menu: bottom (no dole) i top (na górze) e) this.background ustawia pozycję tło; dostępne są dwie wartości/tła: none (brak tła), christmas (świąteczny), hearts (walentynkowy) f) this.id ustawia atrybut id widgeta, dzięki tej wartości można odwoływać się do widgeta za pomocą języka javascripta lub zewnętrznej biblioteki np. jquery g) this.hidden określa czy widget jest widoczny; przyjmuje wartości false lub true. Jeżeli zostanie wybrana wartość false, widget będzie niewidoczny. Można go wyświetlić za pomocą języka javascript odwołując się do parametry id h) this.newwindow - określa czy widget pokazuje się w iframe czy w nowym oknie; przyjmuje wartości false lub true. Jeżeli zostanie wybrana wartość true, widget zostanie wyświetlony w nowym oknie. 3

5 i) this.afterload do tego parametru można przypisać funkcję javscript, która zostanie wywołana po załadowaniu się widgeta. Jeżeli widget jest niewidoczny i na stronie jest wykorzystywana np. biblioteka javascript jquery, możemy wyświetlić widget w efektowny sposób. Poniżej znajdują się przykłady wykorzystania parametrów sekcji konfiguracyjnej. a) Przykład wykorzystania skórki mexican-red b) Przykład wykorzystania skórki gold c) Przykład wykorzystania parametru menu top 4

6 i d) Przykład wykorzystania parametru background hearts 5