Rozdíly

Zde můžete vidět rozdíly mezi vybranou verzí a aktuální verzí dané stránky.

Odkaz na výstup diff

Obě strany předchozí revize Předchozí verze
Následující verze
Předchozí verze
skoda-ep:skoda-wlc-2016:banner_system [10.03.2021 01:50]
Tomáš Jedlička [Inserting specific banner in the post]
skoda-ep:skoda-wlc-2016:banner_system [24.03.2021 14:08] (aktuální)
Lukáš Čech
Řádek 4: Řádek 4:
  
 ===== ŠKODA Banners ===== ===== ŠKODA Banners =====
 +
 +**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.
 +
 +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.
 +
 +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.
 +
 +==== Settings ====
 +
 +=== Category links ===
 +
 +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.//
 +   * **IMPORTANT**
 +   * **Each importer must have these filled as this ensures correct redirection to language specific page!**
 +   * **IMPORTANT**
 +
 +   - Go to administration on the WLC portal.
 +   - In the left menu choose:
 +     * **ŠKODA Banners**
 +       * **Settings**
 +   - **Category links** tab will be shown by default.
 +   - Fill all the category text fields with corresponding localized URL.
 +   - Click **Save Changes** button on the bottom of the page.
 +
 +=== Other ===
 +
 +On this settings tab there are several options regarding to behavior of banners.
 +   - Go to administration on the WLC portal.
 +   - In the left menu choose:
 +     * **ŠKODA Banners**
 +       * **Settings**
 +   - **Category links** tab will be shown by default
 +   - Click on **Other** tab on the Settings page.
 +   - Edit your settings:
 +     * **Trigger expiration**:​ Number of days for which data about article views will be stored.
 +     * **Delay between lightbox**: Number of seconds before next lightbox can be shown.
 +     * **Java script debugging**:​ Leave unchecked if you are not a developer.
 +     * **Disable banner processing on frontend**: Check this box in case you want to prepare some banners before they can be shown. This will stop displaying banners but will keep gathering visitor information.
 +   - Click **Save Changes** button on the bottom of the page.
  
 ==== Add New ==== ==== Add New ====
Řádek 44: Řádek 84:
     * {{:​skoda-ep:​modules:​banner-system:​add_new_banner_publish.png?​300|}}     * {{:​skoda-ep:​modules:​banner-system:​add_new_banner_publish.png?​300|}}
  
-==== Settings ​====+===== Hiding/​Showing the automatic dynamic ŠKODA banner =====
  
-=== Category links === +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 usersIf there is excerpt present in the postthe banner will be shown in between excerpt and regular text. If there is no excerpt specified, the banner ​will be shown before the post
-In these settings there are text fields ​for URLs to specific language variants ​for each product category. +     ​Excerpt defined 
-   * //When a user comes to the global WLC sitebased on his IP geolocation,​ corresponding category link is provided to redirect him to correct language specific page in case he clicks on a banner.// +       {{:​skoda-ep:​modules:​banner-system:​posts_excerpt_positional_karoq.png?​300|}} 
-   * **IMPORTANT** +     ​Excerpt not defined 
-   * **Each importer must have these filled as this ensures correct redirection to language specific page!*+       ​{{:​skoda-ep:​modules:​banner-system:​posts_no_excerpt_positional_karoq.png?​300|}}
-   * **IMPORTANT**+
  
    - Go to administration on the WLC portal.    - Go to administration on the WLC portal.
    - In the left menu choose:    - In the left menu choose:
-     * **ŠKODA Banners** +     * **Posts** 
-       * **Settings** +   - **All Posts** will be shown by default. 
-   - **Category links** tab 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**. 
-   ​- ​Fill all the category text fields with corresponding localized URL. +   - Go to **Post options** category box on the right side of the page. 
-   - Click **Save Changes** button on the bottom of the page. +    * {{:skoda-ep:modules:banner-system:posts_post_options.png?300|}} 
- +   - Check **Hide the banner completely** if you want to hide it between excerpt and post content
-=== Other === +   - Check **Show on desktop** if you want to show the dynamic banner between excerpt and content on desktop too
- +   - Click **Update** button on the right side of the page to save changes. 
-On this settings tab there are several options regarding to behavior of banners+    * {{:​skoda-ep:​modules:​banner-system:​posts_update.png?300|}}
-   - Go to administration on the WLC portal. +
-   - In the left menu choose: +
-     * **ŠKODA Banners*+
-       * **Settings** +
-   - **Category links** tab will be shown by default +
-   - Click on **Other** tab on the Settings ​page. +
-   ​Edit your settings: +
-     * **Trigger expiration**Number of days for which data about article views will be stored. +
-     * **Delay between lightbox**Number of seconds before next lightbox can be shown+
-     ​* **Java script debugging**: Leave unchecked ​if you are not a developer+
-     ​* **Disable banner processing ​on frontend**: Check this box in case you want to prepare some banners before they can be shown. This will stop displaying banners but will keep gathering visitor information+
-   - Click **Save Changes** button on the bottom ​of the page.+
  
 ===== Post banner settings ===== ===== Post banner settings =====
  
-==== Excerpt / Read more tag ====+===== Overriding the automatic dynamic ŠKODA banner =====
  
-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. +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
-=== Excerpt ===+     * **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 90: Řá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. 
-   ​- ​Click on **Screen Options** dropdown menu in the top right corner ​of the page. +   - There is **Override positional banners** and **Override popup banners** text field in the **Campaign settings** section. 
-    * {{:​skoda-ep:​modules:​banner-system:​posts_excerpt_screen_options.png?​300|}} +     * {{:​skoda-ep:​modules:​banner-system:​posts_options_dynamic_override.png?​300|}} 
-   - Check **Excerpt** checkbox in the Screen elements category ​of the dropdown menu+     ​* **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
-    * {{:​skoda-ep:​modules:​banner-system:​posts_excerpt_screen_options_opened.png?​300|}} +   - Click on the magnifying glass icon. 
-   ​- ​Under the post Visual box there will be shown **Excerpt** box. +   - Popup with list of all available banners will show. 
-    * {{:​skoda-ep:​modules:​banner-system:​posts_excerpt_box.png?300|}} +     * {{:​skoda-ep:​modules:​banner-system:​posts_options_dynamic_override_pupup.png?​300|}} 
-   - Fill in your desired **excerpt** text.+   ​- ​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.    - 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 === 
- 
-   - 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. 
  
 ===== Inserting dynamic banner in the post ===== ===== Inserting dynamic banner in the post =====
Řádek 162: Řá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
-     * Excerpt defined + 
-       {{:​skoda-ep:​modules:​banner-system:​posts_excerpt_positional_karoq.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 ​not defined + 
-       {{:​skoda-ep:​modules:​banner-system:​posts_no_excerpt_positional_karoq.png?300|}}+=== Excerpt ===
  
    - Go to administration on the WLC portal.    - Go to administration on the WLC portal.
Řádek 174: Řá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|}}     * {{:​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.