Ramki rekomendacji - czym są?
Ramki rekomendacji to funkcjonalność iPresso, stworzona z myślą o sklepach internetowych, stronach z ofertami produktowymi, serwisach informacyjnych oraz innych platformach oferujących usługi bądź produkty. Umożliwia ona prezentowanie produktów z Feed Managera w ramach Twojej monitorowanej strony, zarówno dla użytkowników monitorowanych, jak i anonimowych.
W pierwszej kolejności przejdź ścieżką System > Monitoring > Monitorowane strony. Znajdź swoją stronę monitorowaną, na której będzie miała wyświetlać się ramka. Kliknij "więcej" (po prawej stronie) i przejdź do pozycji "Ustawienia metod JS API":
Otworzy się nowy panel. Zjedź na sam dół a następnie włącz metodę "saveFrameClick" (opisaną jako "Zapis kliknięcia Ramki rekomendacji":
Następnie kliknij "Zapisz"
Aby dowiedzieć się więcej o możliwościach i obsłudze
Feed Managera - kliknij tutaj.
Ramki rekomendacji zlokalizowane są w zakładce Treści pod ścieżką:
Start > Treści > Ramki rekomendacji
Znajdziesz tu pięć list służących do obsługi ramek: W przygotowaniu, W trybie testowym, Aktywne, Zatrzymane oraz Szablony. Ostatnia zawiera szablony zapisane lub stworzone od podstaw przez Ciebie:
Tworzenie ramki
Aby stworzyć ramkę rekomendacji przejdź do kreatora ramek. W tym celu kliknij przycisk czerwonego "+" w prawym górnym rogu "Dodaj nową":
Kreator ramek pozwala na łatwe dostosowanie szablonu do Twoich potrzeb. Dzięki dostępowi do edytora HTML (oprócz standardowego edytora WYSWIG) kreator ramek iPresso umożliwia również stworzenie własnego szablonu od podstaw (więcej o tym dowiesz się w dalszej części instrukcji)
Wybór szablonu
W celu stworzenia ramki rekomendacji z szablonu przygotowanego przez nas - wybierz jeden z Szablonów systemowych. Po przygotowaniu i zapisaniu swoich szablonów znajdziesz je w tym samym panelu. Będą one oznaczone jako Zapisane szablony. Jeśli chcesz stworzyć swój szablon od podstaw za pomocą kodu HTML - wybierz szablon oznaczony jako Własny kod HTML:
Konfiguracja
W celu skonfigurowania swojej ramki rekomendacji w pierwszym kroku należy wybrać odpowiedni feed i jego data set. Wybór odpowiedniego feeda możliwy będzie po kliknięciu w rozwijaną listę Feed. Pole Data set służy do wyboru data seta, który przypisany jest do tego feeda:
Po ich wyborze, poprzez otwarcie nowego okna, system poprosi Cię o przypisanie cech produktów do odpowiednich pól. Dzięki temu kreator będzie wiedział, które cechy mają zostać wstawione w odpowiednie miejsce ramki. W miarę możliwości, zależnie od ustawienia cech w feedzie i data secie, będą one automatycznie przypisywane:
Jeśli nie posiadasz którejś z cech do zdefiniowania - wybierz opcję Pomiń. W tym przypadku dana sekcja znajdująca się na ramce rekomendacji nie zostanie wyświetlona. Istnieje również możliwość przypisania cech produktów w późniejszym momencie pracy nad ramką. W tym celu wystarczy kliknąć na którekolwiek pole ramki w podglądzie lub przycisk w prawym górnym rogu ekranu.
Po uzupełnieniu cech kliknij Zapisz. Na ekranie pojawi się podgląd nieostylowanej ramki z cechami, które zostały przypisane z data setu:
Edytor WYSIWYG
Edytor WYSIWYG umożliwia Ci dostosowanie wyglądu ramki za pomocą intuicyjnego i łatwego w obsłudze, ale kompleksowego menu. Jest ono podzielone na sekcje Ustawienia, Wygląd, oraz Promocja i Tag promocji.
W każdym momencie pracy z edytorem masz możliwość zapisania ramki jako szablonu. W przypadku korzystania z zapisanego już szablonu możliwe jest również zapisanie wprowadzonych podczas edycji zmian w jego wyglądzie, poprzez wybranie opcji Edytuj szablon. W tym celu kliknij w trójkąt w niebieskiej, rozwijanej liście Zapisz jako szablon, a następnie w pole Edytuj szablon):
Ustawienia służą do dostosowania ramki pod kątem:
- wymiarów - szerokość i wysokość wraz z szerokością i wysokością minimalną oraz maksymalną:
- osadzenia - wewnątrz strony lub jako popup:
- lokalizacji
-> dla popupu będzie to odniesienie, względem czego popup ma zostać osadzony oraz Z-index (pozostawienie pola pustego ustawi wartość domyślną: 1000001):
Wybór osadzenia popupu daje również możliwość ustawienia warstwy zasłaniającej:
Zmiany dokonywane w trakcie ustawiania warstwy zasłaniającej będą prezentowane na podglądzie ramki po prawej.
-> w przypadku osadzenia wewnątrz strony www wybierz selektor HTML, który wskaże lokalizację ramki:
Sekcja Wygląd służy do edycji ustawień konkretnych elementów ramki. W zależności od rodzaju szablonu możesz edytować m.in. wygląd ramki produktowej (obramowania), nazwy produktu, opisu (kategorii), ceny produktu (w tym miejscu tego, który nie jest aktualnie w promocji), czy linków, dzięki osobnym mini-panelom umożliwiającym edycję tych elementów:
W zależności od elementu ramki, który edytujesz, panele mogą posiadać więcej lub mniej edytowalnych parametrów.
Promocja i Tag promocyjny
Jeśli w Twoim data secie znajduje się parametr promocyjny, to właśnie w tych sekcjach możesz ustawić jego wygląd na ramce. W sekcji Tag promocyjny określisz nazwę tagu, a w sekcji Promocja jego wygląd, łącznie z ceną przed i po promocji:
Edytor HTML
Edytor HTML (dostępny po kliknięciu w ikonę w prawym górnym rogu głównego ekranu konfiguracji) daje możliwość wprowadzenia zmian bezpośrednio w kodzie źródłowym danej ramki, bądź też stworzenie jej od samego początku. W przypadku korzystania z tej możliwości w panelu bocznym po lewej stronie znajduje się instrukcja, która przedstawia bazowe informacje pozwalające na prawidłowe zbudowanie ramki rekomendacji:
Ustawienia ramki
Kolejnym krokiem po przygotowaniu ramki będzie ustawienie elementów ramki w systemie iPresso. Pola obowiązkowe do skonfigurowania oznaczone są gwiazdką:
Nazwa - nazwa ramki wyświetlająca się w odpowiednich listach;
Opis - charakterystyka ramki, np. określająca przydatność w Twoich działaniach i cel wykorzystywania. To pole nie będzie wyświetlać się w innym miejscu;
Tagi - dodawane do historii aktywności użytkownika: wyświetlenie oraz kliknięcie w ramkę;
Monitorowana strona - na której będzie wyświetlana ramka;
Zakres ważności - data rozpoczęcia oraz zakończenia działania ramki w ramach wybranej monitorowanej strony ;
Podstrona - tu określisz URL, na którym ma zostać wyświetlona ramka (w ramach wybranej strony monitorowanej). Z rozwijanej listy możesz wybrać: stronę główną, fragment danego URL lub wyrażenie regularne.
W przypadku wybrania wyrażenia regularnego po kliknięciu ikony wyświetlone zostanie okno dialogowe, w którym możesz przetestować poprawność danego wyrażenia regularnego:
Podsumowanie
Przechodząc do podsumowania system zaznaczy za pomocą kolorów, które z etapów zostały prawidłowo ustawione (kolor zielony) oraz co należy poprawić (kolor czerwony) - jak na poniższym zdjęciu:
Ponadto na czarnej listwie umieszczonej na samej górze panelu dowiesz się, które elementy zostały ustawione poprawnie () lub które wymagają poprawy (
).
Po ustawieniu wszystkich elementów kliknij Zapisz. Jeśli któraś z pozycji będzie wymagała poprawy - przycisk Zapisz będzie wyszarzony.
Wersje robocze
W tej liście znajdziesz wszystkie ramki, które zostały zapisane. Możesz je zapisać na dwa sposoby:
- Przed ukończeniem pełnej konfiguracji przez kliknięcie ikony
.
W tym przypadku, po kliknięciumożesz daną ramkę skopiować, podejrzeć lub usunąć lub edytować po kliknięciu przycisku edytuj.
- Zapisane do uruchomienia po pełnej konfiguracji (przycisk Zapisz w podsumowaniu).
W tym przypadku, po kliknięciu, ramkę możesz skopiować, podejrzeć, usunąć, edytować lub uruchomić w trybie testowym:
Tryb testowy
Tryb testowy pozwala na weryfikację wyglądu ramki, dodanych produktów oraz lokalizacji w ramach wybranej strony monitorowanej. Wersja testowa dostępna jest na liście Wersji Roboczych (ramka musi być gotowa do uruchomienia), możliwość testowania znajduje się wówczas w opcjach dodatkowych. Po kliknięciu w przycisk instrukcje testowania w oknie dialogowym wyświetlony zostanie unikalny dla danej ramki token testowy, który należy skopiować, a następnie dokleić do adresu monitorowanej strony:
Raportowanie
Lista aktywnych ramek posiada opcję raportowanie otwarć i kliknięć w ramkę. Kliknij przycisk raport, aby go wyświetlić:
Dane do raportów z uruchomionej ramki rekomendacji aktualizowane są 5 minut po każdej pełnej godzinie.
Po wybraniu przedziału czasowego możesz nacisnąć przycisk Pokaż raport, aby go wygenerować. Domyślnie ustawiona jest data początkowa i data końcowa - a jeśli ramka jest nadal uruchomiona, to datą końcową będzie dzień bieżący:
Szablony
W tej liście znajdziesz wszystkie przygotowane i zapisane przez Ciebie szablony ramek rekomendacji. Z tego miejsca możesz importować szablony na na konto w iPresso (przycisk importuj szablon), a po kliknięciu w ikonę użyć szablon lub eksportować szablon by później zaimportować go z pliku.
Komentarze
Komentarze: 0
Zaloguj się, aby dodać komentarz.