// $FUNCTIONS DEFINITION window.$functions = { buildJsonLD, getCurrentYear, getRessortPreviewClassNames, getHomeRessortPreviewName, getRessortName, getRessortLink, handleAppBarHighlighting, getArticlePublicationDateFormatted, getArticleAuthorDataMarkup, getFeaturedImageMarkup, getFeaturedImageCaptionMarkup, getPrimaryCategoryOrFirstCategory, setMenuState, getShareLink, getOverline, pagination, getErrorReportMailTo, getRessortPostsListClass, purpleRelatedArticle, edpLocation, handleContentBodyPaywall, linkType, currentURL, getCurrentLocationEncoded, getJsonLdArticle, getJsonLdHome, getJsonLdAuthor, getJsonLdTaxonomy, hasVideoTeaser, getPaywallConfigField, getPaywallConfigFieldArrayPath, getCurrentLocation, getInto, orEmptyString, setAuthorsClass, setArticleOgImage, setArticleTitle, setArticleDescription, setAuthorMeta, setTaxonomyTitle, setTaxonomyDescription, setPageTitle, setPageDescription, setProLitterisUrl, getArticleId, setAds, setWetterfeldAd, setFrontAds1, setFrontAds2, setFrontAds3, setFrontAds4, getButtonMarkupByType, isExternalLink, getAuthorFocusTopics }; // $FUNCTIONS function getPaywallConfigField(field_id, config_id, paywallConfigs) { //\$global.appSettings.options_settings.config_paywall.default.content_headline let config = paywallConfigs.find( (config) => config.config_id === config_id ); return paywallConfigs && config[field_id] ? `${config[field_id]}` : ""; } function getPaywallConfigFieldArrayPath(field_id, config_id, paywallConfigs) { let config = paywallConfigs.find( (config) => config.config_id === config_id ); let string = `\$global.appSettings.options_settings.paywall_configs_2[${paywallConfigs.indexOf( config )}]['${field_id}']`; return string; } function getCurrentLocation(pathUrl) { return location.href; } function getInto(contentHtml) { const parser = new DOMParser(); const doc = parser.parseFromString(contentHtml, "text/html"); const introParagraphs = doc.querySelectorAll("p.intro"); if (introParagraphs.length > 0) { const excerptContainer = document.getElementById('post-excerpt'); if (excerptContainer instanceof HTMLElement) { excerptContainer.style.display = "none"; } return Array.from(introParagraphs) .map((p) => p.textContent.trim()) .join(" "); } return ""; } function setArticleOgImage(meta) { if (!meta || typeof meta !== "string") { return ""; } const parsed = JSON.parse(meta); return parsed.og_image?.[0]?.url || ""; } function setArticleTitle(seoName, contextName, globalTitle) { // console.log("seoName", seoName); // console.log("contextName", contextName); const parsedSeoName = JSON.parse(seoName).og_title || ""; // console.log("parsedSeoName", parsedSeoName); if (parsedSeoName) { return parsedSeoName; } else { return `${contextName} | ${globalTitle}` || ""; } } function setArticleDescription(seoDes, contextDes) { const parsedSeoDes = JSON.parse(seoDes).description || ""; const cleanDesName = contextDes.replace(/<\/?p>/g, ""); // console.log("seoDes", seoDes); // console.log("contextDes", contextDes); // console.log("parsedSeoDes", parsedSeoDes); if (parsedSeoDes) { return parsedSeoDes; } else { return cleanDesName || ""; } } function setTaxonomyTitle(taxName, taxSeoTitle, globalTitle) { // console.log("taxName", taxName); // console.log("taxSeoTitle", taxSeoTitle); // console.log("globalTitle", globalTitle); if (taxSeoTitle) { const parsedtaxSeoTitle = JSON.parse(taxSeoTitle).title || ""; // console.log("parsedtaxSeoTitle", parsedtaxSeoTitle); return parsedtaxSeoTitle; } return taxName ? `${taxName} | ${globalTitle}` : ""; } function setTaxonomyDescription(desName, taxSeoDes) { const parsedtaxSeoDes = JSON.parse(taxSeoDes).description || ""; const cleanDesName = desName.replace(/<\/?p>/g, ""); // console.log("desName", desName); // console.log("taxSeoDes", taxSeoDes); // console.log("parsedtaxSeoDes", parsedtaxSeoDes); // console.log("cleanDesName", cleanDesName); if (parsedtaxSeoDes) { return parsedtaxSeoDes; } else { return cleanDesName || ""; } } function setPageTitle(seoName, contextName, globalTitle) { // console.log("seoName", seoName); // console.log("contextName", contextName); const parsedSeoName = JSON.parse(seoName).og_title || ""; // console.log("parsedSeoName", parsedSeoName); if (parsedSeoName) { return parsedSeoName; } else { return `${contextName} | ${globalTitle}` || ""; } } function setPageDescription(seoDes, contextDes) { const parsedSeoDes = JSON.parse(seoDes).description || ""; const cleanDesName = contextDes.replace(/<\/?p>/g, ""); // console.log("seoDes", seoDes); // console.log("contextDes", contextDes); // console.log("parsedSeoDes", parsedSeoDes); if (parsedSeoDes) { return parsedSeoDes; } else { return cleanDesName || ""; } } function setProLitterisUrl(base, access, id, vzm) { const pwPart = access === 'PURCHASABLE' ? '/pw' : '/na'; const url = `${base}${pwPart}/${vzm}-${id}`; console.log('ProLitterisUrl', url); return url; } function getArticleId(deviceType = "", adIdPartial = "") { const deviceTypeCapitalized = deviceType.charAt(0).toUpperCase() + deviceType.slice(1); return deviceTypeCapitalized + adIdPartial; } function setAds(desktopAd, tabletAd, mobileAd, device) { if (device === "desktop" && desktopAd !== "noad") { console.log("DesktopAd", `Desktop_Front${desktopAd}`); return `Desktop_Front${desktopAd}`; } else if (device === "tablet" && tabletAd !== "noad") { console.log("TabletAd", `Tablet_Front${tabletAd}`); return `Tablet_Front_WB${tabletAd}`; } else if (device === "mobile" && mobileAd !== "noad") { console.log("MobileAd", `Mobile_Front${mobileAd}`); return `Mobile_Front_WB_${mobileAd}`; } else { return; } } function setAuthorsClass(authors) { return authors >= 2 ? 'multi-authors' : ''; } function setAuthorMeta(name, type) { if (type === "description") { return name ? `Artikel, Biografie und Kontaktangaben von ${name}` : ""; } if (type === "title") { return name ? `Autorenseite – ${name}` : "Autorenseite"; } return ""; } function setWetterfeldAd(desktopAd, tabletAd, mobileAd, device) { if (device === "desktop") { return `${desktopAd}_Wetterfeld`; } else if (device === "tablet") { return `${tabletAd}_Wetterfeld`; } else if (device === "mobile") { return `${mobileAd}_Wetterfeld`; } } function setFrontAds1(desktopAd, tabletAd, device) { if (device === "desktop") { return `${desktopAd}2`; } else if (device === "tablet") { return `${tabletAd}2`; } } function setFrontAds2(desktopAd, tabletAd, device) { if (device === "desktop") { return `${desktopAd}3`; } else if (device === "tablet") { return `${tabletAd}3`; } } function setFrontAds3(desktopAd, tabletAd, device) { if (device === "desktop") { return `${desktopAd}4`; } else if (device === "tablet") { return `${tabletAd}4`; } } function setFrontAds4(desktopAd, tabletAd, device) { if (device === "desktop") { return `${desktopAd}5`; } else if (device === "tablet") { return `${tabletAd}5`; } } function purpleRelatedArticle(content, index) { if (!content || !content.properties) { return undefined; } const { properties } = content; const articles = [ properties["purple_related_articles.0"], properties["purple_related_articles.1"], properties["purple_related_articles.2"], // TODO this may change https://purplepublish.atlassian.net/browse/BACKEND-5190 ]; return articles[index] || ""; } function getErrorReportMailTo(content) { const subject = encodeURIComponent(`Hinweis auf Fehler: ${content.name}`); const body = encodeURIComponent( `Ich habe in diesem Artikel einen Fehler entdeckt: ${document.location.href}` ); const mailtoLink = `mailto:redaktion@zol.ch?subject=${subject}&body=${body}`; return mailtoLink; } function getOverline(content) { if (!content) return; const overline = content?.properties?.["meta.overline"] || ""; let html = ``; if (overline) { html += `${overline}`; } return html; } function getRessortPostsListClass(offset) { return typeof offset !== "undefined" ? `ressort-posts-list-offset-${offset}` : ""; } function getShareLink(platform, content) { const title = content.name; const url = encodeURIComponent(document.location.href); const unencodedUrl = document.location.href; switch (platform) { case "facebook": return "https://www.facebook.com/sharer.php?u=" + url; case "whatsapp": return ( "https://wa.me/?text=" + encodeURIComponent(title + " " + unencodedUrl) ); case "x": return ( "https://twitter.com/intent/tweet?url=" + url + "&text=" + encodeURIComponent(title) ); case "linkedin": return "https://www.linkedin.com/sharing/share-offsite/?url=" + url; } } function getPrimaryCategoryOrFirstCategory(taxonomies, primaryCategory) { if (!taxonomies) return; if (!primaryCategory) return { id: taxonomies[0].id, name: taxonomies[0].name }; const taxonomy = taxonomies.find( (taxonomy) => taxonomy.id === primaryCategory ); return { id: taxonomy.id, name: taxonomy.name }; } function getFeaturedImageMarkup(content, deviceWidth) { let image_url = content.thumbnails?.default; let imageWidth = deviceWidth < 1554 ? deviceWidth : 1554; // console.log("yyy", content.properties); let { image_alttext, image_author, image_caption, image_cropper_array, image_focuspoint_x, image_focuspoint_y, } = content.properties; // console.log("yyy", image_url); return `

${image_alttext} — ${image_caption ? `
${image_caption}
` : ""} ${image_author ? `
${image_author}
` : ""}

${JSON.stringify(image_cropper_array, null, 2)}

${JSON.stringify(image_focuspoint_x, null, 2)}

${JSON.stringify(image_focuspoint_y, null, 2)}

`; } function getFeaturedImageCaptionMarkup(content) { // console.log("yyy", content.properties); let { image_author, image_caption } = content.properties; return `${image_caption || image_author ? `

${image_caption ? `

${image_caption}

` : ""} ${image_author ? `

${image_author}

` : ""}

` : "" } `; } function getArticlePublicationDateFormatted(content) { let date = new Date(content.publicationDate); // Intl.DateTimeFormatOptions let options = { year: "numeric", month: "2-digit", day: "2-digit", hour: "numeric", minute: "numeric", }; // @ts-ignore let dateFormatted = new Intl.DateTimeFormat("de-CH", options).format(date); let iDontLikeIt = dateFormatted.replace(", ", " – ").replace(":", "."); return iDontLikeIt; } function getArticleAuthorDataMarkup(author, length, preview) { let authorImageUrl = author?.properties?.bild_cdn_link; let profile = author?.properties?.autorenprofil; let url = author?.id; const href = url && profile ? `/autoren/${url}${preview ? '?preview=true' : ''}` : ''; const linkStart = href ? `` : ``; const linkEnd = href ? `` : ``; const noProfileClass = profile ? '' : ' no-profile'; return `

${authorImageUrl && length === 1 ? `

${linkStart} Bild von ${author?.name || ''}

${linkEnd}

` : `` }

${linkStart}

${author?.name || ''}

${linkEnd}

`; } // ! remove unstable_GlobalRessorts, its only a temparary fix for taxonomies not available via globalData var unstable_GlobalRessorts = [ { id: "blaulicht", name: "Blaulicht" }, { id: "justiz", name: "Justiz" }, { id: "sport", name: "Sport" }, { id: "empfehlung-der-redaktion", name: "Empfehlung der Redaktion" }, ]; function handleAppBarHighlighting(path, menu) { if (!path) return ""; const menuItems = menu[0].items; // console.log("menuItems", menuItems); const menuItemsFiltered = menuItems.map((item) => ({ ...item, url: item.url !== "/" ? item.url.replace(/^\/(bezirk|category|region)/, "").replace(/\/$/, "") : item.url, })); const index = menuItemsFiltered.findIndex((item) => item.url === path); if (index < 0) { return "no-highlight"; } return `highlight-${index + 1}`; } function getHomeRessortPreviewName(ressortId, ressorts) { // ! remove default value, its only a temparary fix for taxonomies not available via globalData ressorts = unstable_GlobalRessorts; // console.log("here", { ressortId, ressorts }); if (!ressortId) { return ""; } return this.getRessortName(ressortId, ressorts); } function getRessortPreviewClassNames(ressortId) { // console.log("here", { ressortId }); return ""; } function getRessortLink(ressort) { if (typeof location !== "undefined") { const params = new URLSearchParams(location.href); const isPreview = params.has("preview"); if (isPreview) { return `/${ressort}?preview=true`; } } return `/${ressort}`; } function getRessortName(ressortId, ressorts) { const ressort = (ressorts ?? []).find( (_ressort) => _ressort.id === ressortId ); return `${ressort?.name ?? "not found"}`; } function getCurrentYear() { const date = new Date(); const y = date.getFullYear(); return y; } function setMenuState(state) { console.log("state", state); return "hidden"; } function stripStartingSlash(path) { return path?.replace(/^\//g, ""); } // SEO JSON LD function buildJsonLD(content) { const JSON_LS_HELPER = { fillImages: (content, jsonLD) => { jsonLD.image = []; if (content.thumbnails?.default) { jsonLD.image.push(content.thumbnails?.default); } }, fillAuthors: (content, jsonLD) => { jsonLD.author = []; jsonLD.author = content.authors.map((a) => { return { "@type": "Person", name: a.name }; }); }, withPaywall: (content, jsonLD) => { if (content.access === "PURCHASABLE") { jsonLD.isAccessibleForFree = false; } }, hasPart: (content, jsonLD) => { if (content.access === "PURCHASABLE") { jsonLD.hasPart = { "@type": "WebPageElement", isAccessibleForFree: false, cssSelector: ".content-behind-paywall", }; } }, fillModified: (content, jsonLD) => { try { const modifiedDataTime = JSON.parse( content.properties.purple_seo_meta ).article_modified_time; if (modifiedDataTime) { jsonLD.dateModified = formatJsonLDDateTime(modifiedDataTime); } } catch (e) { } }, }; let jsonLD = { "@context": "https://schema.org", "@type": "NewsArticle", headline: content.name, datePublished: formatJsonLDDateTime(content.publicationDate), }; JSON_LS_HELPER.fillModified(content, jsonLD); JSON_LS_HELPER.fillImages(content, jsonLD); JSON_LS_HELPER.fillAuthors(content, jsonLD); JSON_LS_HELPER.withPaywall(content, jsonLD); JSON_LS_HELPER.hasPart(content, jsonLD); return JSON.stringify(jsonLD); } function formatJsonLDDateTime(dateInput) { let date = new Date(dateInput); const year = date.getFullYear(); const month = String(date.getMonth() + 1).padStart(2, "0"); const day = String(date.getDate()).padStart(2, "0"); const hours = String(date.getHours()).padStart(2, "0"); const minutes = String(date.getMinutes()).padStart(2, "0"); const seconds = String(date.getSeconds()).padStart(2, "0"); const timezoneOffset = date.getTimezoneOffset(); const timezoneOffsetHours = Math.floor(Math.abs(timezoneOffset) / 60); const timezoneOffsetMinutes = Math.abs(timezoneOffset) % 60; const timezoneSign = timezoneOffset <= 0 ? "+" : "-"; return `${year}-${month}-${day}T${hours}:${minutes}:${seconds}${timezoneSign}${String( timezoneOffsetHours ).padStart(2, "0")}:${String(timezoneOffsetMinutes).padStart(2, "0")}`; } /** * returns a String based on the current environment, so that in a view * the correct url can be used to redirect a user to an external edp login * page which needs a `redirectTarget` in order to redirect the user back * to us. * * We can not just return the given url, since the `OpenUrlAction` does not * call the provided function and does not use its return value but instead * uses the given literal. So we need this in order to use the correct url * with a condition in the view. * * Any returnTarget needs to be set by EDP */ function edpLocation() { let url = location.href; console.debug("location - url: " + url); if (url.includes("localhost")) { return "zom_sprylab_pronto"; } else if ( url.includes("purplemanager.com") && url.includes("preview=true") ) { return "zom_sprylab_purple_preview"; } else if (url.includes("staging.zo-online.ch")) { return "zo-staging"; } else { return "zom_live"; } } function currentURL() { return location.href; } function getCurrentLocationEncoded() { return encodeURIComponent(location.href); } // ------------------- // ----- PAYWALL ----- // ------------------- function paywallIsNeeded(configId, entitlementToken, isPurchasable) { let isNeeded = false; let tokenParsed; // paywall 1 config if (configId === "standard_paywall") { isNeeded = true; } // free article, no paywall if (!isPurchasable) { return false; } // No login, paywall needed if (!entitlementToken) { return true; } try { // Decode + parse entitlement token tokenParsed = JSON.parse(decodeJwt(entitlementToken)); if (tokenParsed) { // Decode + parse sub (another JWT) const subParsed = JSON.parse(decodeJwt(tokenParsed.sub)); const activeSubs = subParsed.activeSubs || []; // Check Active Subs for ZHOST const isSubscribed = activeSubs.includes("ZHOST"); // Activate Paywall if not subscribed isNeeded = !isSubscribed; } else { console.error("Error decoding entitlementToken"); isNeeded = true; } } catch (err) { console.error("Error decoding entitlementToken:", err); isNeeded = true; } return isNeeded; } function handleContentBodyPaywall(content, paywallConfigs2, entitlementToken) { // unknown paywall if (!content || !paywallConfigs2) { return "unknown-paywall"; } // purchasable let isPurchasable = content?.access === "PURCHASABLE"; // extends cloud config const paywallConfigs2Extended = paywallConfigs2.map((config) => { let isNeeded = paywallIsNeeded(config.config_id, entitlementToken, isPurchasable); return { ...config, isNeeded, }; }); let selectedPaywallConfig = paywallConfigs2Extended[0]; let needsPaywall = selectedPaywallConfig.isNeeded; executeWhenDomElementById({ elementId: "post-content-body", callback: (contentBodyElement) => { try { // in rare cases the mutationObserver has no time to fire because everything is already rendered // so we just fire the callback once beforehand contentBodyMutationCallBack( paywallConfigs2Extended, selectedPaywallConfig, needsPaywall ); const postContentBodyObserver = new MutationObserver( (_mutationList, _observer) => { contentBodyMutationCallBack( paywallConfigs2Extended, selectedPaywallConfig, needsPaywall ); } ); postContentBodyObserver.observe(contentBodyElement, { subtree: true, childList: true, }); } catch (e) { // console.error(e); } }, }); return needsPaywall ? "with-paywall" : "without-paywall"; } function handlePaywall(paywallElement, paywallSettings = {}) { if (paywallElement) { paywallElement.style.setProperty( "--fadeoutHeight", `${paywallSettings.base_config?.fadeout || 0}px` ); paywallElement.style.setProperty( "--marginTop", `${paywallSettings.base_config?.offset || 0}px` ); paywallElement.style.setProperty("--opacity", 1); paywallElement.style.setProperty("--pointerEvents", "all"); } } function executeWhenDomElementById({ elementId, callback, errorMessage = "", maxWaitTimeMs = 2000, }) { // try to get the content body every {interval} milliseconds for maximum {maxWaitTimeMs} ms const interval = 100; let currentWaitTime = 0; let element = undefined; const myInterval = setInterval(() => { element = document.getElementById(elementId); if (element) { clearInterval(myInterval); callback(element); } else if (currentWaitTime > maxWaitTimeMs) { console.error( `No element with id '${elementId}' found within ${maxWaitTimeMs}ms. ${errorMessage}` ); clearInterval(myInterval); } else { currentWaitTime += interval; } }, interval); } function contentBodyMutationCallBack( paywallConfigs2Extended, selectedPaywallConfig, needsPayWall, needsDocCheck ) { const pcbi = document .getElementById("post-content-body") ?.getElementsByClassName("purple-content-body-inner")?.[0]; if (pcbi) { handleContentBody(pcbi, selectedPaywallConfig, needsPayWall, needsDocCheck); } if (needsPayWall) { // set paywall classes, styles, positions,etc. paywallConfigs2Extended.forEach((config) => { let domEl = document.querySelector( `.list-entry:has(#paywall--${config.config_id})` ); handlePaywall(domEl, config); if (config.isNeeded !== true) { let domEl = document.querySelector( `.list-entry:has(#paywall--${config.config_id})` ); domEl?.remove(); } }); } else { document.getElementById("paywall")?.remove(); // document.getElementById("paywall")?.parentNode.remove(); } } function handleContentBody( purpleContentBodyInner, selectedPaywallConfig, needsPayWall, needsDocCheck ) { if (!purpleContentBodyInner) { return; } let paywallSettings = selectedPaywallConfig; const behindPaywallClass = "content-behind-paywall"; const contentBlocks = purpleContentBodyInner.children; const rule = paywallSettings?.base_config?.rule; const htmlElements = paywallSettings?.base_config?.html_elements ?? ""; if (!contentBlocks || !rule) { return; } const handleHtmlElements = (validTags, amount, _contentBlocks = []) => { if (!isIterable(_contentBlocks)) { return; } let visibleTagsLeft = amount; for (const contentBlock of _contentBlocks) { if (visibleTagsLeft <= 0) { contentBlock.classList.add(behindPaywallClass); } else if ( validTags.includes(contentBlock.tagName.toLowerCase()) && contentBlock.innerHTML ) { visibleTagsLeft--; } } }; const handleWords = (amount, _contentBlocks = []) => { if (!isIterable(_contentBlocks)) { return; } let cumulatedWords = 0; for (const contentBlock of _contentBlocks) { if (cumulatedWords >= amount) { contentBlock.classList.add(behindPaywallClass); } else { const text = contentBlock.innerText; const words = (text.match(/\S+/g) ?? []).length; cumulatedWords += words; if (cumulatedWords >= amount) { contentBlock.classList.add("last-not-" + behindPaywallClass); } } } }; switch (paywallSettings.base_config.rule) { case "blocks": { const validTags = ["p"]; const amount = paywallSettings?.base_config?.amount_blocks || 0; handleHtmlElements(validTags, amount, contentBlocks); break; } case "headlines": { const validTags = ["h2", "h3", "h4", "h5", "h6"]; const amount = paywallSettings?.base_config?.amount_headlines || 0; handleHtmlElements(validTags, amount, contentBlocks); break; } case "elements": { const validTags = htmlElements.split(" ").map((tag) => tag.toLowerCase()); const amount = paywallSettings?.base_config?.amount_html_elements || 0; handleHtmlElements(validTags, amount, contentBlocks); break; } case "words": { const amount = paywallSettings?.base_config?.amount_words || 0; handleWords(amount, contentBlocks); break; } } if (needsPayWall || needsDocCheck) { const toRemove = purpleContentBodyInner.getElementsByClassName(behindPaywallClass); while (toRemove[0]) { purpleContentBodyInner.removeChild(toRemove[0]); } } } // ------------------- // --- END PAYWALL --- // ------------------- function isIterable(obj) { // checks for null and undefined if (obj == null) { return false; } return typeof obj[Symbol.iterator] === "function"; } function linkType(url) { if (!url) { return "none"; } return url.toLowerCase().startsWith("http") ? "external" : "internal"; } function decodeJwt(token) { try { let result = atob(token.split(".")[1]); return result; } catch (e) { } return "{}"; } function getJsonLdArticle(content, authors, segmentSlugs) { const baseUrl = "https://www.zo-online.ch"; const path = segmentSlugs.join("/"); const url = `${baseUrl}/${path}`; const imageUrl = content.thumbnails?.default ?? ""; const title = content.name ?? ""; const description = content.description ?? ""; const datePublished = new Date(content.publicationDate).toISOString(); const dateModified = new Date(content.lastModified).toISOString() ?? ""; const isFree = content.access === "FREE"; const taxonomyPrimary = content.properties?.["taxonomy.category.primary"] ?? ""; const taxonomies = content.taxonomies ?? []; let taxonomyMatch; if (taxonomyPrimary) { taxonomyMatch = taxonomies.find((tax) => tax.id === taxonomyPrimary); } taxonomyMatch = taxonomyMatch ?? taxonomies[0] ?? null; const taxonomyName = taxonomyMatch?.name ?? ""; const taxonomySlug = taxonomyMatch?.id ?? ""; const taxonomyUrl = `${baseUrl}/${taxonomySlug}`; const authorRefs = authors?.length === 1 ? { "@id": `${baseUrl}/autoren/${authors[0].id}#person`, name: authors[0]?.name ?? "" } : authors?.map((author) => ({ "@id": `${baseUrl}/autoren/${author.id}#person`, name: author?.name ?? "" })); const graph = [ { "@type": "NewsArticle", "@id": `${url}#newsarticle`, headline: title, description: description, image: imageUrl ? [imageUrl] : [], datePublished: datePublished, dateModified: dateModified, inLanguage: "de-CH", articleSection: taxonomyName, isAccessibleForFree: isFree, hasPart: { "@type": "WebPageElement", isAccessibleForFree: isFree, cssSelector: ".article-paywall" }, mainEntityOfPage: { "@type": "WebPage", "@id": url }, author: authorRefs, publisher: { "@id": `${baseUrl}/#newsmedia`, name: "ZO-Online" } }, ...(authors?.map((author) => ({ "@type": "Person", "@id": `${baseUrl}/autoren/${author.id}#person`, name: author?.name ?? "", url: `${baseUrl}/autoren/${author.id}`, worksFor: { "@id": `${baseUrl}/#newsmedia` } })) ?? []), { "@type": "NewsMediaOrganization", "@id": `${baseUrl}/#newsmedia`, name: "ZO-Online", url: baseUrl, logo: { "@type": "ImageObject", url: "https://www.zo-online.ch/delivery/web/dynamicResources/23f62785-196a-48c0-af30-9c5ded7debac/storefront/assets/logo.svg" }, sameAs: [ "https://www.facebook.com/zurcheroberlander", "https://www.instagram.com/zo_online/", "https://x.com/zueriost", "https://www.tiktok.com/@zo_online", "https://www.youtube.com/z%C3%BCriost", "https://ch.linkedin.com/company/z%C3%BCrcher-oberland-medien-ag", "https://www.wikidata.org/wiki/Q138638045" ], publishingPrinciples: "https://www.zo-online.ch/publizistische-leitlinien", ethicsPolicy: "https://www.zo-online.ch/publizistische-leitlinien", correctionsPolicy: "https://www.zo-online.ch/publizistische-leitlinien" }, { "@type": "BreadcrumbList", "@id": `${url}#breadcrumb`, itemListElement: [ { "@type": "ListItem", position: 1, name: "Home", item: `${baseUrl}/` }, { "@type": "ListItem", position: 2, name: taxonomyName, item: taxonomyUrl }, { "@type": "ListItem", position: 3, name: title, item: url } ] } ]; return JSON.stringify({ "@context": "https://schema.org", "@graph": graph }); } function getJsonLdTaxonomy(taxonomy, taxonomyContents) { const baseUrl = "https://www.zo-online.ch"; const taxonomyUrl = `${baseUrl}/${taxonomy?.id}`; const taxonomyContentList = taxonomyContents.map((content, index) => ({ "@type": "ListItem", position: index + 1, url: `${taxonomyUrl}/${content.slug}`, name: (content.name || "").replace(/<[^>]*>/g, ""), })); const breadcrumbList = { "@type": "BreadcrumbList", "@id": `${taxonomyUrl}#breadcrumb`, itemListElement: [ { "@type": "ListItem", position: 1, name: "Home", item: baseUrl + "/", }, { "@type": "ListItem", position: 2, name: taxonomy?.name || "", item: taxonomyUrl, }, ], }; const jsonLD = { "@context": "https://schema.org", "@graph": [ { "@type": "WebSite", "@id": `${baseUrl}/#website`, url: baseUrl, name: "ZO-Online", }, { "@type": "NewsMediaOrganization", "@id": `${baseUrl}/#newsmedia`, name: "ZO-Online", url: baseUrl, }, { "@type": "CollectionPage", "@id": `${taxonomyUrl}#collectionpage`, url: taxonomyUrl, name: taxonomy?.name || "", description: taxonomy?.description?.replace(/<[^>]*>/g, "") || "", inLanguage: "de-CH", isPartOf: { "@id": `${baseUrl}/#website`, }, publisher: { "@id": `${baseUrl}/#newsmedia`, }, mainEntity: { "@id": `${taxonomyUrl}#itemlist`, }, breadcrumb: { "@id": `${taxonomyUrl}#breadcrumb`, }, }, { "@type": "ItemList", "@id": `${taxonomyUrl}#itemlist`, itemListOrder: "https://schema.org/ItemListOrderDescending", numberOfItems: taxonomyContents.length, itemListElement: taxonomyContentList, }, breadcrumbList, ], }; return JSON.stringify(jsonLD); } function getJsonLdAuthor(author, segmentSlugs) { function stripHtml(input) { return input ?.replace(//gi, "\n") .replace(/<\/p>/gi, "\n") .replace(/<[^>]*>/g, "") .replace(/\n\s*\n/g, "\n") .trim() || ""; } const firstName = stripHtml(author?.properties?.first_name); const lastName = stripHtml(author?.properties?.last_name); const fullName = stripHtml(author?.name); const description = stripHtml(author?.properties?.description); const jobTitle = stripHtml(author?.properties?.job_titel); const imageUrl = author?.properties?.bild_cdn_link; const authorUrl = `https://www.zo-online.ch/${segmentSlugs.join("/")}`; const properties = author.properties || {}; const count = Number(properties["fokus_themen._element_count"]) || 0; const themen = []; for (let i = 0; i < count; i++) { const topic = properties[`fokus_themen.${i}.fokus_thema`]; if (topic) { themen.push(topic); } } const socialLinks = [ properties.twitter_account, properties.linkedin_account, properties.instagram_account ].filter(Boolean); const person = { "@type": "Person", "@id": `${authorUrl}#person`, name: fullName, url: authorUrl, worksFor: { "@id": "https://www.zo-online.ch/#organization" }, affiliation: { "@id": "https://www.zo-online.ch/#newsmedia" }, knowsAbout: themen }; if (socialLinks.length) { person.sameAs = socialLinks; } if (firstName) person.givenName = firstName; if (lastName) person.familyName = lastName; if (description) person.description = description; if (jobTitle) person.jobTitle = jobTitle; if (imageUrl) person.image = imageUrl; const profilePage = { "@type": "ProfilePage", "@id": `${authorUrl}#ProfilePage`, url: authorUrl, "mainEntity": { "@id": `${authorUrl}#person` }, name: `Autorenseite – ${fullName}`, isPartOf: { "@id": "https://www.zo-online.ch/#website" }, breadcrumb: { "@id": `${authorUrl}#breadcrumb` }, about: { "@id": `${authorUrl}#person` }, }; if (description) { profilePage.description = `Artikel, Biografie und Kontaktangaben von ${fullName}`; } const breadcrumb = { "@type": "BreadcrumbList", "@id": `${authorUrl}#breadcrumb`, itemListElement: [ { "@type": "ListItem", position: 1, name: "Home", item: "https://www.zo-online.ch/", }, { "@type": "ListItem", position: 2, name: fullName, item: authorUrl, }, ], }; const schema = { "@context": "https://schema.org", "@graph": [person, profilePage, breadcrumb], }; return JSON.stringify(schema); } function getJsonLdHome() { return `{ "@context": "https://schema.org", "@graph": [ { "@type": "Organization", "@id": "https://www.zo-online.ch/#organization", "name": "ZO-Online", "alternateName": ["Züriost", "zueriost", "Zürcher Oberländer"], "url": "https://www.zo-online.ch", "successorOf": { "@type": "Organization", "name": "Züriost", "url": "https://www.zueriost.ch" }, "logo": { "@type": "ImageObject", "url": "https://www.zo-online.ch/delivery/web/dynamicResources/23f62785-196a-48c0-af30-9c5ded7debac/storefront/assets/logo.svg" }, "sameAs": [ "https://www.facebook.com/zueriost", "https://www.instagram.com/zo_online/", "https://x.com/zueriost" ] }, { "@type": "NewsMediaOrganization", "@id": "https://www.zo-online.ch/#newsmedia", "name": "ZO-Online", "alternateName": ["Züriost", "zueriost", "Zürcher Oberländer"], "url": "https://www.zo-online.ch", "logo": { "@type": "ImageObject", "url": "https://www.zo-online.ch/delivery/web/dynamicResources/23f62785-196a-48c0-af30-9c5ded7debac/storefront/assets/logo.svg" }, "description": "Lokale Nachrichten aus Wetzikon und der Region Zürcher Oberland.", "knowsAbout": [ "Wetzikon", "Zürcher Oberland", "Kanton Zürich", "Local News", "Regional Journalismus" ], "address": { "@type": "PostalAddress", "streetAddress": "Rapperswilerstrasse 1", "addressLocality": "Wetzikon", "addressRegion": "Zürich", "postalCode": "8620", "addressCountry": "CH" }, "contactPoint": { "@type": "ContactPoint", "contactType": "editorial", "email": "redaktion@zo-online.ch" }, "masthead": { "@type": "WebPage", "@id": "https://www.zo-online.ch/impressum-2", "url": "https://www.zo-online.ch/impressum-2" }, "sameAs": [ "https://www.facebook.com/zueriost", "https://www.instagram.com/zo_online/", "https://x.com/zueriost" ] }, { "@type": "WebSite", "@id": "https://www.zo-online.ch/#website", "name": "ZO-Online", "url": "https://www.zo-online.ch", "publisher": { "@id": "https://www.zo-online.ch/#newsmedia" }, "potentialAction": { "@type": "SearchAction", "target": "https://www.zo-online.ch/search?phrase={search_term_string}", "query-input": "required name=search_term_string" } }, { "@type": "WebPage", "@id": "https://www.zo-online.ch/#webpage", "url": "https://www.zo-online.ch", "name": "ZO-Online – Nachrichten, Hintergründe und Reportagen", "isPartOf": { "@id": "https://www.zo-online.ch/#website" }, "about": { "@id": "https://www.zo-online.ch/#newsmedia" }, "description": "Aktuelle Nachrichten, Hintergründe und Reportagen aus der Region Zürich Oberland und Umgebung.", "breadcrumb": { "@id": "https://www.zo-online.ch/#breadcrumb" } }, { "@type": "BreadcrumbList", "@id": "https://www.zo-online.ch/#breadcrumb", "itemListElement": [ { "@type": "ListItem", "position": 1, "item": { "@id": "https://www.zo-online.ch", "name": "Home" } } ] } ] }`; } var pagination = { getPostsPerPage() { return 6; }, getShiftPage(currentPage = 1, shift = 0) { let newPage = Number(currentPage) + Number(shift); // console.log("bbb getShiftPage", { // currentPage, // shift, // newPage, // }); return newPage; }, getPostsOffset(currentPage = 1, postsPerPage, offsetPage = 0) { // console.log("bbb getPostsOffset", { // currentPage, // postsPerPage, // offsetPage, // }); postsPerPage = Number(postsPerPage); currentPage = Number(currentPage); offsetPage = Number(offsetPage); currentPage = currentPage + offsetPage - 1; let offsetByPage = currentPage * postsPerPage; return offsetByPage; }, getButtonClasses(currentPage = 1, customDataElement, next, afterNext) { const test = { next, afterNext }; currentPage = Number(currentPage); let { id, value } = customDataElement; let targetPage = currentPage + value; let className = ""; if (id) { className += `id--${id}`; } if (typeof value === "number") { className += ` value--${id}`; } if (targetPage < 1) { className += " target-page-invalid"; } if (customDataElement.listKey && !test[customDataElement.listKey]?.length) { className += " target-page-invalid"; } // console.log("lists", { // currentPage, // customDataElement, // next, // afterNext, // className, // }); return className; }, }; function orEmptyString(data) { return data || ""; } function hasVideoTeaser(link) { return link ? "has-video-teaser" : ""; } function getButtonMarkupByType(items, index) { let item = items[index]; console.log(item); let markup = `tt` return markup; return items[index].name; } function isExternalLink(url) { let isExternal = url.startsWith("http"); return isExternal } function getItemByIndex(items, index) { return items[index]; } function getAuthorFocusTopics(author) { const properties = author.properties || {}; const count = Number(properties["fokus_themen._element_count"]) || 0; const themen = []; for (let i = 0; i < count; i++) { const topic = properties[`fokus_themen.${i}.fokus_thema`]; if (topic) { themen.push(topic); } } return themen.join(", "); }

Das ist die Präsentation der Hackathon-Resultate