Analyse de la structure et de la configuration du site 20 Minuten

GENÈVE – 6 mai 2024 –

Cette analyse de la structure du site 20 Minuten décortique la configuration de ce site d’informations, en mettant en lumière ses différents éléments. On y découvre la navigation, les paramètres de langue, et l’organisation interne spécifique. Ce décryptage est crucial pour comprendre comment ce site web se structure et, surtout, comment il fonctionne ; ce qui donne un aperçu précieux. Pour aller plus loin, l’article se penche ensuite sur d’autres aspects !
Okay,I’ve analyzed the provided data. It appears to be a structured depiction of the navigation menu and configuration settings for the “20 Minuten” (20min.ch) news website in its german version.

Here’s a breakdown of the key elements and what they signify:

1.Navigation Menu Structure:

The data defines a hierarchical menu structure using type, id, label, url, and items.
type: Indicates the type of menu item (e.g., channel, link, content).
channel: Represents a section or category on the website (e.g., “News,” “Sport,” “Lifestyle,” “Video“). These frequently enough have sub-channels. link: A direct link to an external website or a specific page.
content: Links to specific content, like “Live TV.”
id: A unique identifier for each menu item.
label: The text displayed for the menu item.
url: The URL the menu item links to.
items: An array containing sub-menu items, creating the hierarchy.

“News” Channel:

json
    {"type":"channel","id":1,"label":"News","url":"https://www.20min.ch/news","items":[...]}
    

This defines the main “News” section with its URL and sub-categories (like “Front,” “Schweiz,” “Ausland,” etc.).

“gutscheine” Link:

json
    {"type":"link","id":"https://gutscheine.20min.ch","label":"Gutscheine","url":"https://gutscheine.20min.ch","items":[]}
    

“Video” Channel:

json
    {"type":"channel","id":219,"label":"Video","url":"https://www.20min.ch/video","items":[...]}
    

This defines the main “Video” section with its URL and sub-categories (like “Front,” “Reportagen & Serien,” “Unterhaltung,” etc.).

2. Configuration settings (within runtimeConfig.de):

This section contains a wealth of configuration settings specific to the German version of the “20 Minuten” website. Here’s a summary of some of the key settings:

submission: “20min”: Identifies the application.
domainName: "20min.ch": The website’s domain.
localeCode: “de-CH”: Specifies the locale (German - Switzerland).
language: "de": The language of the site.
languages: ["de","fr"]: Lists the supported languages (German and French).
tenantId: “6”: An internal identifier for the German tenant.
socialMedia: Links to 20 Minuten's social media profiles (Twitter, Instagram, youtube, etc.).
gdpr, agb, imprint, sitemap: Links to the GDPR (privacy), terms and conditions, imprint (legal notice), and sitemap pages.
email: "redaktion@20minuten.ch": The email address for the editorial team.
telephone: “+41(0)442486820”: The phone number.
deeplinks: Configuration for deep linking into the 20 Minuten app.
reCaptchaSiteKey: The reCAPTCHA key for spam protection.
accounts.loginUrl: URL for login.
newsletter: Configuration for newsletter subscriptions.
games: List of available games on the site.
gameCarousel: Links to various games for the game carousel widget.
advertisementLegalDocLink: Link to the legal document for advertisements.
topicCategoryHref: Link to the topic category overview page.
dailyNewsletter: URL for subscribing to the daily newsletter.

appState: Contains information about the current state of the application, including the site area ("news"), page type ("article"), and possibly other relevant data.
adState: Indicates whether ads are enabled on the page and the section of the page.
pageTheme: Specifies the theme being used for the page ("news").

4. page,query,buildId,runtimeConfig,NSSP:

page: "/story/[slug]": This indicates that the page is a dynamic route,where [slug] is a placeholder for a specific article’s slug (URL-amiable identifier). query: {"slug":"hadid-schwestern-geheime-halbschwester-enthuellt-103355193"}: This shows the specific slug for the current article being viewed: “hadid-schwestern-geheime-halbschwester-enthuellt-103355193” (which translates to “Hadid sisters – secret half-sister revealed”).
buildId: A unique identifier for the current build of the website.
runtimeConfig: Contains the runtime configuration settings, as described above.
* NSSP: true`: Indicates that this page uses Server-Side props (SSP) in Next.js, meaning the data is fetched on the server before the page is rendered.

In Summary:

This data provides a snapshot of the configuration and structure of the “20 Minuten” website. It defines the navigation menu, various settings related to language, region, social media, legal information, and the current state of a specific article page. It’s a valuable resource for understanding how the website is organized and configured.