• wide: Use by most clients and contains keyart if present. If no keyart wide is present, the fallback is cleanWide, screenCapture, parent titles wide image or image missing image.
• portrait: Use by most clients for images in portrait mode and contains keyart if present. If no keyart portrait is present, the fallback is cleanPortrait, parent titles portrait image, wide, cleanWide, screenCapture or image missing image.
• cleanWide: Used for wide images without keyart. If no cleanWide is present, the fallback is wide, screenCapture, parent titles cleanWide image or image missing image.
• cleanPortrait: Used for portrait images without keyart. If no cleanPortrait is present, the fallback is portrait, parent titles cleanPortrait image, wide, cleanWide, screenCapture, or image missing image.
• logotype: Used for logotypes. If no logotype is present it is null.

As of the spring 2024 we introduced the concept of "Modules" on the start page. The "Modules" concept allows for a versatile arrangement of content sections, ranging from featured shows to surveys, enhancing navigation and user engagement.

Overview of Modules

The Start Page is composed of various modules, each serving a unique purpose. You'll find a diverse mix of content including a prominently featured show, interactive elements like surveys, and even breaking news sections. Below is a breakdown of the current module types:

• Breaking: Breaking News! If there is a breaking news event, this module will replace the superhero/hero and will be shown as the first item of the Start Page
• Superhero: The most prominent show on the Start Page, displayed in a large and prominent manner along with associated display window.
• Hero: Similar to Superhero but less prominent. Includes associated display window as well.
• Selection: A curated list of teasers for user exploration.
• Favorites (Min lista): A personalized selection of the user's favorite content.
• Continue watching: The continue watching selection (Fortsätt titta). If you don't use this field it will be included in the selection field instead.
• Survey: Surveys for the start page. If you include this field you also need to specify the platform parameter and surveysToExclude for this field. If a survey is present for this platform and ab-test is connected to active survey, and not excluded by parameter, it will be returned in this module.
• Login promotion: The login prompt for the start page. If you don't use this field, or if the user is already logged in, the login prompt will not be returned. If the client has pressed the "No" button. Please exclude this in the query using:

  
      loginPromotion @include(if: $showLoginPromotion) {
          heading
          (...)
      }
                          

• Login slurp promotion: Promotion to prompt the user to add his/her local history to an SVT Play account. If the client already has uploaded local history to the account or has pressed the "No" button. Please exclude this in the query using:

  
      slurpPromotion @include(if: $showSlurpPromotion) {
          heading
          (...)
      }
                          

• Push notification permission: Push notification permission info, used by mobile clients. E.g. "Missa aldrig en bra serie! Aktivera push-notiser för att få tips... ". If a client already has accepted push notification or denied the CTA. Please exclude this in the query using:

  
      pushNotificationPermission @include(if: $showPushNotificationPermission) {
          heading
          (...)
      }
                          

Sample Start Page Query

A basic query for a Start Page might look as follows, demonstrating how modules can be queried:

                    {
                      startForSvtPlay {
                        modules {
                          items {
                            breaking {
                              current {
                                heading
                              }
                            }
                            superhero {
                                heading
                            }
                            hero {
                              heading
                            }
                            favorites {
                              name
                              items {
                                heading
                              }
                            }
                            selection {
                              name
                              items {
                                heading
                              }
                            }
                          }
                        }
                      }
                    }
                

Module Flexibility and Ordering

Modules are designed to be flexible and paginable, allowing for customized ordering. Currently, Hero and Superhero modules are positioned at the top, but this arrangement may evolve. The query's result depends on the included fields, and it's important to note:

• The Breaking field is optional but recommended. Including it allows for display window selection in a Breaking module. When returned (i.e. a breaking event is happening) the first item, Superhero or Hero will be placed as the first item of the recommended list
• The Superhero and Selection fields are mandatory.
• The Hero field is optional. Including it allows for display window selection in a Hero module, if Superhero is not present. If omitted, the display window appears in a standard selection module.
• The Favorites field is optional and should be excluded if favorites are presented in a separate view on the platform.
• If the Selection field is omitted from Superhero and Hero, the display window appear in the regular selections.
• We have four so called Call to action modules which are Survey, Login promotion, Login slurp promotion and Push notification permission. Only one of these may be retured with the priority
  1. Survey
  2. Login promotion
  3. Login slurp promotion
  4. Push notification permission

This modular design future-proofs the Start Page, facilitating the introduction of new modules without disrupting existing layouts or user experiences. Only requested modules will appear, ensuring a tailored and efficient interface. With this design the pagination will work out of the box as well when modules only appear if you support them and asks for them.