Rozdíly
Zde můžete vidět rozdíly mezi vybranou verzí a aktuální verzí dané stránky.
| Obě strany předchozí revize Předchozí verze Následující verze | Předchozí verze | ||
|
skoda-ep:skoda-wlc-2016:banner_system [02.03.2021 17:54] Tomáš Jedlička [Hiding/Showing the automatic dynamic ŠKODA banner] |
skoda-ep:skoda-wlc-2016:banner_system [24.03.2021 14:08] (aktuální) Lukáš Čech |
||
|---|---|---|---|
| Řádek 5: | Řádek 5: | ||
| ===== ŠKODA Banners ===== | ===== ŠKODA Banners ===== | ||
| - | ==== Add New ==== | + | **Banner is active visual element embedded into a webpage.** It could present specific category or page to which the user is redirected after clicking on the banner. These links lead to specific localized version of the global webpage. |
| - | - Go to administration on the WLC portal. | + | There are more types of banners. Some are automatically chosen based on user's interests (**dynamic banners**) and represent whole banner category, others can be chosen manually (**specific banners**) and represent single specific banner. |
| - | - In the left menu choose: | + | |
| - | * **ŠKODA Banners** | + | Data about user's potential interests for preset banner categories are collected as user browses the webpage. When conditions set for a banner are met, that banner/banner category will be eligible for showing. When the user clicks such banner, he will be redirected to localized page corresponding to his IP geolocation and importer settings (see **Category links**). This ensures more personalized content and better target at users. |
| - | * **Add New** | + | |
| - | * {{:skoda-ep:modules:banner-system:add_new_banner.png?300|}} | + | |
| - | - Form with new banner settings will be shown. | + | |
| - | - Fill the necessary fields: | + | |
| - | * **Title** (required): Your desired banner title. | + | |
| - | * **Category** (required): Dropdown menu with list of predefined banner categories. | + | |
| - | * **Creative** (required at least one creative): There could be multiple creatives for one banner. In case there are more than one. Each time one is selected at random. | + | |
| - | * **ID**: Custom banner ID for tracking purposes. | + | |
| - | * **Image Mobile** (required at least one image): Banner image that will be used on mobile. At least one of the images must be added. In case there is no mobile image selected following images will be used instead: Image Tablet, if present, else Image Desktop. Image can be selected from the image library or uploaded from computer. | + | |
| - | * **Image Tablet** (required at least one image): Banner image that will be used on tablet. At least one of the images must be added. In case there is no tablet image selected following images will be used instead: Image Desktop, if present, else Image Mobile. Image can be selected from the image library or uploaded from computer. | + | |
| - | * **Image Desktop** (required at least one image): Banner image that will be used on desktop. At least one of the images must be added. In case there is no desktop image selected following images will be used instead: Image Tablet, if present, else Image Mobile. Image can be selected from the image library or uploaded from computer. | + | |
| - | * **Alternative campaign URL** (required): Custom campaign URL can be specified here. If blank, campaign URL is taken by default from the banner category. | + | |
| - | * **Alternative text for banner image** (required): Custom alternative text for banner image. | + | |
| - | * **Minimal category views** (required): Number of views in banner category which are needed in order to start this banner showing. | + | |
| - | * //Example: When set to “5” with banner from group “Citigo”, when the user has 5th view from “Citigo” group, from now on this banner can start showing to user.// | + | |
| - | * **Banner Type** (required): Dropdown menu with type of the banner. | + | |
| - | * **Popup**: Will be displayed as popup over the site. | + | |
| - | * {{:skoda-ep:modules:banner-system:add_new_banner_popup.png?300|}} | + | |
| - | * **Positional**: Is placed on the site. (in posts and on banner side panel) | + | |
| - | * {{:skoda-ep:modules:banner-system:add_new_banner_positional.png?300|}} | + | |
| - | * **Show trigger delay** (relevant only for popup): Period in seconds before the popup is shown to the user. If show on scroll is triggered first, this will take no effect. | + | |
| - | * **Show trigger scroll** (relevant only for popup): Scroll distance in percent of how far the user must scroll before the popup is shown. If show on delay is triggered first, this will take no effect. | + | |
| - | * **Show max** (applicable for all occurrences – all categories): Number representing the maximum amount of displays of the banner for the current user. In case there is one banner used twice on one page. Each occurrence counts as one display towards maximum. | + | |
| - | * **Show max expiration**: Number of days before the banner can be shown again even when reaching its “Show max” attribute. | + | |
| - | * //Example: If set to 3. After 3 days the view count for banner is reset and starts counting again towards set “Show max”.// | + | |
| - | - Click **Publish** button on the right side of the page. | + | |
| - | * {{:skoda-ep:modules:banner-system:add_new_banner_publish.png?300|}} | + | |
| ==== Settings ==== | ==== Settings ==== | ||
| Řádek 43: | Řádek 16: | ||
| In these settings there are text fields for URLs to specific language variants for each product category. | In these settings there are text fields for URLs to specific language variants for each product category. | ||
| - | //When a user comes to the global WLC site, based on his IP geolocation, corresponding category link is provided to redirect him to correct language specific page in case he clicks on a banner.// | + | * //When a user comes to the global WLC site, based on his IP geolocation, corresponding category link is provided to redirect him to correct language specific page in case he clicks on a banner.// |
| - | **Each importer must have these filled as this ensures correct redirection to language specific page!** | + | * **IMPORTANT** |
| + | * **Each importer must have these filled as this ensures correct redirection to language specific page!** | ||
| + | * **IMPORTANT** | ||
| - Go to administration on the WLC portal. | - Go to administration on the WLC portal. | ||
| Řádek 70: | Řádek 45: | ||
| - Click **Save Changes** button on the bottom of the page. | - Click **Save Changes** button on the bottom of the page. | ||
| - | ===== Post banner settings ===== | + | ==== Add New ==== |
| - | ==== Excerpt / Read more tag ==== | + | - Go to administration on the WLC portal. |
| + | - In the left menu choose: | ||
| + | * **ŠKODA Banners** | ||
| + | * **Add New** | ||
| + | * {{:skoda-ep:modules:banner-system:add_new_banner.png?300|}} | ||
| + | - Form with new banner settings will be shown. | ||
| + | - Fill the necessary fields: | ||
| + | * **Title** (required): Your desired banner title. | ||
| + | * **Category** (required): Dropdown menu with list of predefined banner categories. | ||
| + | * **Creative** (required at least one creative): There could be multiple creatives for one banner. In case there are more than one. Each time one is selected at random. | ||
| + | * **ID**: Custom banner ID for tracking purposes. | ||
| + | * **Image Mobile** (required at least one image): Banner image that will be used on mobile. At least one of the images must be added. In case there is no mobile image selected following images will be used instead: Image Tablet, if present, else Image Desktop. Image can be selected from the image library or uploaded from computer. | ||
| + | * **Image Tablet** (required at least one image): Banner image that will be used on tablet. At least one of the images must be added. In case there is no tablet image selected following images will be used instead: Image Desktop, if present, else Image Mobile. Image can be selected from the image library or uploaded from computer. | ||
| + | * **Image Desktop** (required at least one image): Banner image that will be used on desktop. At least one of the images must be added. In case there is no desktop image selected following images will be used instead: Image Tablet, if present, else Image Mobile. Image can be selected from the image library or uploaded from computer. | ||
| + | * **Alternative campaign URL** (required): Custom campaign URL can be specified here. If blank, campaign URL is taken by default from the banner category. | ||
| + | * **Alternative text for banner image** (required): Custom alternative text for banner image. | ||
| + | * **Minimal category views** (required): Number of views in banner category which are needed in order to start this banner showing. | ||
| + | * //Example: When set to “5” with banner from group “Citigo”, when the user has 5th view from “Citigo” group, from now on this banner can start showing to user.// | ||
| + | * **Banner Type** (required): Dropdown menu with type of the banner. | ||
| + | * **Popup**: Will be displayed as popup over the site. | ||
| + | * Desktop | ||
| + | * {{:skoda-ep:modules:banner-system:add_new_banner_popup_karoq_desktop.png?300|}} | ||
| + | * Mobile | ||
| + | * {{:skoda-ep:modules:banner-system:add_new_banner_popup_karoq_mobile.png?300|}} | ||
| + | * **Positional**: Is placed on the site. (in posts and on banner side panel) | ||
| + | * Desktop | ||
| + | * {{:skoda-ep:modules:banner-system:add_new_banner_positional_karoq_desktop.png?300|}} | ||
| + | * Mobile | ||
| + | * {{:skoda-ep:modules:banner-system:add_new_banner_positional_karoq_mobile.png?300|}} | ||
| + | * **Show trigger delay** (relevant only for popup): Period in seconds before the popup is shown to the user. If show on scroll is triggered first, this will take no effect. | ||
| + | * **Show trigger scroll** (relevant only for popup): Scroll distance in percent of how far the user must scroll before the popup is shown. If show on delay is triggered first, this will take no effect. | ||
| + | * **Show max** (applicable for all occurrences – all categories): Number representing the maximum amount of displays of the banner for the current user. In case there is one banner used twice on one page. Each occurrence counts as one display towards maximum. | ||
| + | * **Show max expiration**: Number of days before the banner can be shown again even when reaching its “Show max” attribute. | ||
| + | * //Example: If set to 3. After 3 days the view count for banner is reset and starts counting again towards set “Show max”.// | ||
| + | - Click **Publish** button on the right side of the page. | ||
| + | * {{:skoda-ep:modules:banner-system:add_new_banner_publish.png?300|}} | ||
| - | This functionality allows you to add excerpt in front of the post text. Either excerpt or read more tag can be used but not at the same time. | + | ===== Hiding/Showing the automatic dynamic ŠKODA banner ===== |
| - | === Excerpt === | + | This functionality allows you to adjust where the dynamic banners appear in the page. |
| + | By default, the banner is shown in the sidebar for desktop users and between excerpt and post content for mobile users. If there is excerpt present in the post, the banner will be shown in between excerpt and regular text. If there is no excerpt specified, the banner will be shown before the post. | ||
| + | * Excerpt defined | ||
| + | * {{:skoda-ep:modules:banner-system:posts_excerpt_positional_karoq.png?300|}} | ||
| + | * Excerpt not defined | ||
| + | * {{:skoda-ep:modules:banner-system:posts_no_excerpt_positional_karoq.png?300|}} | ||
| - Go to administration on the WLC portal. | - Go to administration on the WLC portal. | ||
| Řádek 82: | Řádek 97: | ||
| * **Posts** | * **Posts** | ||
| - **All Posts** will be shown by default. | - **All Posts** will be shown by default. | ||
| - | - Select the post you want to edit by clicking on its title or hovering over it and clicking on **Edit**. | + | - Select the post you want to edit by clicking on its title or hovering over the title and clicking on **Edit**. |
| - | * {{:skoda-ep:modules:banner-system:posts_excerpt_edit_post.png?300|}} | + | - Go to **Post options** category box on the right side of the page. |
| - | - Click on **Screen Options** dropdown menu in the top right corner of the page. | + | * {{:skoda-ep:modules:banner-system:posts_post_options.png?300|}} |
| - | * {{:skoda-ep:modules:banner-system:posts_excerpt_screen_options.png?300|}} | + | - Check **Hide the banner completely** if you want to hide it between excerpt and post content. |
| - | - Check **Excerpt** checkbox in the Screen elements category of the dropdown menu. | + | - Check **Show on desktop** if you want to show the dynamic banner between excerpt and content on desktop too. |
| - | * {{:skoda-ep:modules:banner-system:posts_excerpt_screen_options_opened.png?300|}} | + | |
| - | - Under the post Visual box there will be shown **Excerpt** box. | + | |
| - | * {{:skoda-ep:modules:banner-system:posts_excerpt_box.png?300|}} | + | |
| - | - Fill in your desired **excerpt** text. | + | |
| - Click **Update** button on the right side of the page to save changes. | - Click **Update** button on the right side of the page to save changes. | ||
| * {{:skoda-ep:modules:banner-system:posts_update.png?300|}} | * {{:skoda-ep:modules:banner-system:posts_update.png?300|}} | ||
| - | === Read more tag === | + | ===== Post banner settings ===== |
| + | |||
| + | ===== Overriding the automatic dynamic ŠKODA banner ===== | ||
| + | |||
| + | This functionality allows you to override the automatically added dynamic banner with one or multiple manually chosen banners. If multiple popups of the same type are selected for override, one is chosen randomly on each page reload. | ||
| + | * **Positional banners**: When overridden, selected banner will be shown every time and will ignore **Show max** and **Minimal category views** attributes. | ||
| + | * **Popup banners**: When overridden, selected banner will be shown and will ignore **Minimal category views** attribute unless **Show max** prevents the banner from showing. | ||
| - Go to administration on the WLC portal. | - Go to administration on the WLC portal. | ||
| Řádek 100: | Řádek 117: | ||
| * **Posts** | * **Posts** | ||
| - **All Posts** will be shown by default. | - **All Posts** will be shown by default. | ||
| - | - Select the post you want to edit by clicking on its title or hovering over it and clicking on **Edit**. | + | - Select the post you want to edit by clicking on its title or hovering over the title and clicking on **Edit**. |
| - | * {{:skoda-ep:modules:banner-system:posts_excerpt_edit_post.png?300|}} | + | - Go to **Post options** category box on the right side of the page. |
| - | - Set your cursor inside the post text on the position where you want **excerpt** to end and regular text to begin. | + | - There is **Override positional banners** and **Override popup banners** text field in the **Campaign settings** section. |
| - | - Click on **Insert Read More tag** icon from the text format bar above the post text or press keyboard shortcut: **Shift + Alt + T** | + | * {{:skoda-ep:modules:banner-system:posts_options_dynamic_override.png?300|}} |
| - | * {{:skoda-ep:modules:banner-system:posts_read_more_tag.png?300|}} | + | * **IMPORTANT**: The process is the same for both types of banners, but you have to make sure, you are using the correct type of banner for override. |
| - | - **Read more tag** will be added to the text. Anything before this tag is considered **excerpt**. Anything after this tag is considered **regular text**. Only first **Read More tag** is taken in account. Use only one. | + | - Click on the magnifying glass icon. |
| + | - Popup with list of all available banners will show. | ||
| + | * {{:skoda-ep:modules:banner-system:posts_options_dynamic_override_pupup.png?300|}} | ||
| + | - Check one or more banners on the list. | ||
| + | - Click **Select** | ||
| + | - IDs of selected banners will be filled in (alternatively you can fill in desired banner ID(s) directly, multiple IDs must be separated by coma and space ", ") | ||
| + | * {{:skoda-ep:modules:banner-system:posts_options_dynamic_override_filled.png?300|}} | ||
| + | - Click **Update** button on the right side of the page to save changes. | ||
| + | * {{:skoda-ep:modules:banner-system:posts_update.png?300|}} | ||
| ===== Inserting dynamic banner in the post ===== | ===== Inserting dynamic banner in the post ===== | ||
| Řádek 146: | Řádek 171: | ||
| * {{:skoda-ep:modules:banner-system:posts_banner_specific_popup.png?300|}} | * {{:skoda-ep:modules:banner-system:posts_banner_specific_popup.png?300|}} | ||
| - Select the banner you want to add from the **Banner Id** dropdown menu. | - Select the banner you want to add from the **Banner Id** dropdown menu. | ||
| + | - Check boxes for platforms where this banner should be applicable. | ||
| + | * **Show on desktop**: If checked banner will be shown on desktop | ||
| + | * **Show on mobile**: If checked banner will be shown on mobile | ||
| - Click **OK** button on the popup. | - Click **OK** button on the popup. | ||
| - **Shortcode** with corresponding banner will be added to post text. | - **Shortcode** with corresponding banner will be added to post text. | ||
| Řádek 151: | Řádek 179: | ||
| * {{:skoda-ep:modules:banner-system:posts_update.png?300|}} | * {{:skoda-ep:modules:banner-system:posts_update.png?300|}} | ||
| | | ||
| - | ===== Hiding/Showing the automatic dynamic ŠKODA banner ===== | + | ==== Excerpt / Read more tag ==== |
| - | This functionality allows you to completely hide the automatically added dynamic banner at the beginning of the post. If there is excerpt present in the post, the banner will be shown in between of excerpt and regular text. If there is no excerpt specified, the banner will be shown before the post. | + | This functionality allows you to add excerpt in front of the post text. Either excerpt or read more tag can be used but not at the same time. |
| - | {{:skoda-ep:modules:banner-system:posts_excerpt_positional.png?300|}} | + | |
| + | Excerpt is article summary showed at the beginning of an article. It is advised to have excerpt defined either through **Excerpt** or **Read more tag** as Dynamic ŠKODA banner is automatically generated between this part (**excerpt**) and the rest of the article. | ||
| + | |||
| + | === Excerpt === | ||
| - Go to administration on the WLC portal. | - Go to administration on the WLC portal. | ||
| Řádek 160: | Řádek 191: | ||
| * **Posts** | * **Posts** | ||
| - **All Posts** will be shown by default. | - **All Posts** will be shown by default. | ||
| - | - Select the post you want to edit by clicking on its title or hovering over the title and clicking on **Edit**. | + | - Select the post you want to edit by clicking on its title or hovering over it and clicking on **Edit**. |
| - | - Go to **Post options** category box on the right side of the page. | + | * {{:skoda-ep:modules:banner-system:posts_excerpt_edit_post.png?300|}} |
| - | * {{:skoda-ep:modules:banner-system:posts_post_options.png?300|}} | + | - Click on **Screen Options** dropdown menu in the top right corner of the page. |
| - | - Check **Hide the banner completely** if you want to hide it. | + | * {{:skoda-ep:modules:banner-system:posts_excerpt_screen_options.png?300|}} |
| - | - Check **Show on desktop** if you want to show it only on desktop. | + | - Check **Excerpt** checkbox in the Screen elements category of the dropdown menu. |
| + | * {{:skoda-ep:modules:banner-system:posts_excerpt_screen_options_opened.png?300|}} | ||
| + | - Under the post Visual box there will be shown **Excerpt** box. | ||
| + | * {{:skoda-ep:modules:banner-system:posts_excerpt_box.png?300|}} | ||
| + | - Fill in your desired **excerpt** text. | ||
| - Click **Update** button on the right side of the page to save changes. | - Click **Update** button on the right side of the page to save changes. | ||
| + | * {{:skoda-ep:modules:banner-system:posts_update.png?300|}} | ||
| + | |||
| + | === Read more tag === | ||
| + | |||
| + | - Go to administration on the WLC portal. | ||
| + | - In the left menu choose: | ||
| + | * **Posts** | ||
| + | - **All Posts** will be shown by default. | ||
| + | - Select the post you want to edit by clicking on its title or hovering over it and clicking on **Edit**. | ||
| + | * {{:skoda-ep:modules:banner-system:posts_excerpt_edit_post.png?300|}} | ||
| + | - Set your cursor inside the post text on the position where you want **excerpt** to end and regular text to begin. | ||
| + | - Click on **Insert Read More tag** icon from the text format bar above the post text or press keyboard shortcut: **Shift + Alt + T** | ||
| + | * {{:skoda-ep:modules:banner-system:posts_read_more_tag.png?300|}} | ||
| + | - **Read more tag** will be added to the text. Anything before this tag is considered **excerpt**. Anything after this tag is considered **regular text**. Only first **Read More tag** is taken in account. Use only one. | ||