Joey Guidone für BI
Die Rolle des Chief Marketing Officer war noch nie so komplex wie heute.
Digitale Transformation, wirtschaftliche Umwälzungen, gesellschaftliche Veränderungen und eine fragmentierte Medienlandschaft sind nur einige der Komplexitäten, mit denen Marketingleiter konfrontiert sind.
CMO Insider präsentiert Profile, Fallstudien, Forschungsergebnisse und persönliche Perspektiven, um CMOs und ihre Teams beim Aufbau und Wachstum ihrer Marken zu inspirieren und zu informieren.
.gi-cmoi body { overflow-x: versteckt; } .gi-cmoi .insider-raw-embed { overflow-x: sichtbar !important; } .gi-cmoi #gi-cmoi-grid { display: flex; Lücke: 2,25rem; Flexrichtung: Spalte; } .gi-cmoi #gi-cmoi-feature { max-width: 640px; margin-left: auto; Rand rechts: auto; } .gi-cmoi #gi-cmoi-feature .gi-cmoi-grid-article { display: block; } .gi-cmoi #gi-cmoi-feature .gi-cmoi-grid-image-container { Aspektverhältnis: 2; } .gi-cmoi #gi-cmoi-feature .gi-cmoi-grid-image { height: auto; Objektanpassung: initial; } .gi-cmoi .typography #gi-cmoi-feature .gi-cmoi-kicker { margin: 15px 0 0 0; } .gi-cmoi .post-content h2 { text-align: center; } .gi-cmoi .post-content .gi-cmoi-grid-link { display: block; Position: relativ; Breite: 100 %; maximale Breite: 1230px; box-shadow: initial; Rand: 0; Textdekoration: keine; } .gi-cmoi .post-content .gi-cmoi-grid-link:hover { box-shadow: initial; } .gi-cmoi .post-content .gi-cmoi-grid-link:hover .gi-cmoi-grid-hed { color: var(–blue, #007bff); Textdekoration: unterstrichen; text-decoration-skip-ink: auto; Textdekorationsfarbe: var(–blue, #007bff); } .gi-cmoi .gi-cmoi-grid-article { position: relative; Anzeige: Flex; Lücke: 1rem; align-items: start; } .gi-cmoi .gi-cmoi-grid-image-container { Seitenverhältnis: 1; Überlauf versteckt; Flex: 2; } .gi-cmoi .gi-cmoi-grid-image { display: block; Rand: 0; Breite: 100 %; maximale Breite: 100 %; Höhe: 100 %; Objektanpassung: Abdeckung; } .gi-cmoi-grid-text-container { flex: 8; } .gi-cmoi .typography .gi-cmoi-grid-hed { Schriftfamilie: LabGrotesque, Helvetica, Arial, serifenlos; Schriftstärke: 900; } .gi-cmoi .typography .gi-cmoi-kicker { Schriftfamilie: LabGrotesque, Helvetica, Arial, serifenlos; Schriftstärke: 900; Schriftgröße: 11px; Texttransformation: Großbuchstaben; Buchstabenabstand: 0,05em; Zeilenhöhe: 1; Rand: 0; Farbe: var(–blue, #007bff); } .gi-cmoi .typography .gi-cmoi-grid-hed { margin: 10px 0 0 0; maximale Breite: 100 %; Schriftgröße: 16px; Zeilenhöhe: 1,5; Farbe: Schwarz; Übergang: alle 200 ms Ease; } @media (Ausrichtung: Hochformat) und (Mindestbreite: 768 Pixel) { .gi-cmoi .gi-cmoi-grid-article { align-items: center; } } @media (Ausrichtung: Querformat) { .gi-cmoi #gi-cmoi-grid { display: grid; Grid-Template-Columns: Repeat(auto-fit, minmax(min(100%, 250px), 1fr)); justify-content: start; align-items: start; } .gi-cmoi .gi-cmoi-grid-article { display: block; } .gi-cmoi .gi-cmoi-grid-image-container { Seitenverhältnis: 2; } .gi-cmoi .typography .gi-cmoi-kicker { margin: 15px 0 0 0; } } @media (min-width: 768px) { .gi-cmoi #gi-cmoi-grid, .gi-cmoi #gi-cmoi-feature { padding: 0; } .gi-cmoi .gi-cmoi-main-hed { Schriftgröße: 4rem; } .gi-cmoi .typography #gi-cmoi-feature .gi-cmoi-grid-hed { Schriftgröße: 24px; Zeilenhöhe: 1,3; } .gi-cmoi .typography #gi-cmoi-feature .gi-cmoi-kicker { Schriftgröße: 14px; } } @media (min-width: 1260px) { .gi-cmoi #gi-cmoi-grid { Grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); } } document.documentElement.classList.add(“gi-cmoi”); if (document.querySelector(“.gi-cmoi”)) { fetchAndRenderArticles() } async function fetchAndRenderArticles(){ try { const res = waiting fetch( “https://www.businessinsider.com/ajax/content-api/ Beiträge?filtern=cmo-2023-lp&page[limit]=100” ); if (res.ok) { const Articles = waiting res.json(); const cmoiGridContainer = document.querySelector(“#gi-cmoi-grid”); const cmoiFeatureContainer = document.querySelector(“#gi- cmoi-feature”); const CategoryTags = [
“cmo-2023-lp-category-innovation”,
“cmo-2023-lp-category-leadership”,
“cmo-2023-lp-category-insights-and-data”,
“cmo-2023-lp-category-talent”,
]; if (cmoiGridContainer) { const cmoiGridArticles = Articles.data.filter( (Artikel) => !article.attributes.categories.includes(“cmo-2023-lp-category-main-list”) ); console.log(cmoiGridArticles); let thumbnail = null; cmoiGridArticles.forEach((article) => { function whichThumbnail(thumbnailArr){ let thumbnail = thumbnailArr.filter((el)=>{ if(el.attributes.width % el.attributes.height Article.attributes.categories.includes( “cmo-2023-lp-category-main-list”) ); if (cmoiFeatureArticle.length > 0) { cmoiFeatureContainer.innerHTML += ArticleMarkup( cmoiFeatureArticle[0].links.site, cmoiFeatureArticle[0].relationships.thumbnails.data[0].links.self, cmoiFeatureArticle[0].relationships.thumbnails.data[0].attributes .description, cmoiFeatureArticle[0].attributes.title, „Führung“ ); } } } else { throw new Error( „Artikelraster konnten nicht erstellt werden, beim Abrufen der Artikel ist ein Fehler aufgetreten“ ); } } Catch (err) { console.error(err); } } function ArticleMarkup(articleLink, image, alt, hed, kicker = “cmo insider”) { return `
${kicker}
${hed}
`; } function makeKicker(categories, CategoryTags) { const tag = CategoryTags.find((Element) => Kategorien.includes(Element)); if (tag) { const finalTag = tag .replace(“cmo-2023-lp-category-“, “”) .replaceAll(“-“, ” “); return finalTag; } else { return „cmo Insider“; } }