diff --git a/build/spas.ts b/build/spas.ts index d7d93953f005..755854617112 100644 --- a/build/spas.ts +++ b/build/spas.ts @@ -156,9 +156,8 @@ export async function buildSPAs(options: { { prefix: "community", pageTitle: "Contribute to MDN" }, { prefix: "advertising", - pageTitle: "Experimenting with advertising on MDN", + pageTitle: "Advertise with us", }, - { prefix: "advertising/with_us", pageTitle: "Advertise with us" }, ]; const locale = VALID_LOCALES.get(pathLocale) || pathLocale; for (const { prefix, pageTitle, noIndexing } of SPAs) { diff --git a/client/src/advertising/about/index.scss b/client/src/advertising/about/index.scss deleted file mode 100644 index b373aab4865d..000000000000 --- a/client/src/advertising/about/index.scss +++ /dev/null @@ -1,64 +0,0 @@ -@use "../../ui/vars" as *; - -.ads-about { - width: 100%; - - .about-container { - margin: 0 auto; - max-width: 52rem; - padding: 0 1rem 2rem; - - h1 { - margin-left: 1.5em; - margin-top: 1em; - - &::before { - margin-left: -1.25em; - } - } - - @media screen and (min-width: $screen-md) { - h1 { - font-size: 3.5rem; - } - } - - header { - align-items: center; - display: flex; - flex-direction: column; - gap: 1rem; - padding: 2rem 0; - - .headline { - font-family: var(--font-heading); - font-size: 1.313rem; - font-style: normal; - font-weight: normal; - line-height: 175%; - margin: 0; - } - } - - p { - font-size: 1rem; - font-weight: 350; - line-height: 175%; - - &.cta { - font-weight: bold; - } - } - - h2 { - font-size: 1.3rem; - } - - .heading-break { - display: none; - @media screen and (min-width: $screen-md) { - display: block; - } - } - } -} diff --git a/client/src/advertising/about/index.tsx b/client/src/advertising/about/index.tsx deleted file mode 100644 index 8b4001f9e62b..000000000000 --- a/client/src/advertising/about/index.tsx +++ /dev/null @@ -1,144 +0,0 @@ -import React from "react"; -import { useUserData } from "../../user-context"; -import { isPlusSubscriber } from "../../utils"; -import "./index.scss"; - -export function About() { - React.useEffect(() => { - document.title = "Experimenting with advertising on MDN | MDN"; - }, []); - const user = useUserData(); - - return ( -
-
-

Experimenting with advertising on MDN

-

About

-

- MDN has been a valuable resource for web developers - since 2005, consistently supported and improved by Mozilla and its - community. With over 17 million unique monthly users, it is widely - used and also integrated into other solutions. -

-

- Starting February 15th and for the next six weeks, we will experiment - with partnerships and contextual advertising on MDN in the US, Canada, - Australia, New Zealand and selected European countries. -

-

- We believe this addition will make MDN even more resilient and capable - of offering free and accessible resources to developers around the - world. -

-

- We have a newly created, publicly available roadmap,{" "} - - developed in collaboration - {" "} - with our partners from W3C, Microsoft, Google, and Open Web Docs. You - are welcome to check it out{" "} - - here - - . -

-

Privacy first

-

- Our commitment to user privacy and data protection remains a top - priority, and we stand by{" "} - - Mozilla's Ad targeting guidelines - - . MDN's ads will be strictly context-based and will not include - tracking pixels or personal data sharing. -

-

- For this experiment, we will work with carefully chosen and vetted - advertisers who align with our vision for web development and we will - display at most one static ad per page.{" "} - MDN Plus subscribers will have the option to{" "} - {isPlusSubscriber(user) ? ( - turn off - ) : ( - "turn off" - )}{" "} - ads through their account settings. -

-

- Advertisers rely on attribution to measure the effectiveness of their - advertising campaigns. Attribution provides metrics that give - advertisers insights into their campaign performance, while also - helping publishers understand their role in supporting advertisers. - Despite its significance, current attribution methods have many - privacy concerns. -

-

- In line with Mozilla's vision of protecting user privacy and personal - data, over the past year, Mozilla has been a part of a working group - developing a new proposal called Interoperable Private Attribution - (IPA) to enable attribution while maintaining strong privacy - protection. IPA provides advertisers with the ability to measure the - effectiveness of their campaigns while ensuring user privacy. You can - find additional information on the topic in{" "} - - this blogpost - - . Mozilla’s and MDN’s goal is to advance the Interoperable Private - Attribution work in the months to come. -

-

- We are working with advertising partners who are supportive of our - privacy goals. For now, that means working without attribution. Our - eventual goal is to enable attribution without tracking, which will - improve the quality and value of the ads we show. -

-

We want to hear from you

-

- We have a{" "} - - GitHub discussion forum - {" "} - that is thriving, many of our active community members are there, and - we invite you to reach out with feedback and questions. -

-

- We remain committed to building a better open web and improving our - users' experiences. We believe in the power of information and the - importance of an accessible and trustworthy source of it. Thank you - for being a part of this journey and we encourage you to stay tuned - for what's to come. We are excited to continue working towards a - better future together. -

-

- Interested to be part of this journey? Check out our{" "} - Advertise with us page and - get in contact with us. -

-
-
- ); -} diff --git a/client/src/advertising/index.tsx b/client/src/advertising/index.tsx index 133d64fae645..9a778fe8277c 100644 --- a/client/src/advertising/index.tsx +++ b/client/src/advertising/index.tsx @@ -7,7 +7,6 @@ import { MainContentContainer } from "../ui/atoms/page-content"; import { ArticleActionsContainer } from "../ui/organisms/article-actions-container"; import { DocParent } from "../../../libs/types/document"; -import { About } from "./about"; import { AdvertiseWithUs } from "./with_us"; interface LayoutProps { @@ -53,14 +52,6 @@ export function Advertising({ pageTitle, ...props }: { pageTitle?: string }) { - - - } - /> - diff --git a/client/src/advertising/with_us/index.tsx b/client/src/advertising/with_us/index.tsx index d6dc1fcd98e7..9bbcde2679fe 100644 --- a/client/src/advertising/with_us/index.tsx +++ b/client/src/advertising/with_us/index.tsx @@ -51,46 +51,89 @@ export function AdvertiseWithUs() {
-

Our audience

+

Join MDN's Privacy-First Ad Journey

- MDN is an open source documentation resource for web developers. It - primarily consists of reference and educational documentation on a - wide variety of subjects, including{" "} - CSS,{" "} - HTML,{" "} - JavaScript, and{" "} - Web APIs. We also provide an - extensive set of learning resources{" "} - for new developers and students, accounting for approximately 10% of - our audience. More than 17 million web developers visit our website - every month, and we pride ourselves with a customer satisfaction of - over 90%. + At MDN, we champion user privacy and we stand by{" "} + + Mozilla's Ad targeting guidelines + + . We pride ourselves with an ethical advertising approach that ensures + ads are context-based, free from tracking pixels, and don't involve + personal data sharing.

-

Our offer

- We are currently experimenting with the first advertising campaigns on - MDN. You can check this page for more - information about the 'Why' and the 'How' of the experiments. + While we understand that advertisers rely on attribution to gauge + campaign effectiveness, we also find that current methods pose privacy + concerns. In line with our vision of protecting user privacy and + personal data, Mozilla is part of a working group to develop + Interoperable Private Attribution (IPA), a privacy-preserving + attribution solution. We aim to enable attribution without tracking, + enhancing ad quality and value.

- If you are interested in advertising with us, please fill out{" "} + Until this becomes a reality, we are working with advertising partners + who support our privacy goals. For now, that means collaborating + without attribution and developing a better way together.{" "} - this form + Join us {" "} - and we'll make sure to get back to you very soon. Learn more about our - advertising principles and policies{" "} + in this journey! +

+

Our offering

+

+ We collaborate with vetted advertisers who share our vision for web + development. We display at most two static ads per page. We offer + exclusive opportunities for prominent homepage visibility, providing + advertisers a unique way to capture our audience's attention. We are + also happy to collaborate on writing and publishing sponsored content + on our blog. +

+

Our audience

+

+ MDN is a go-to resource for over 17 million web developers monthly, + providing open-source documentation on CSS, HTML, JavaScript, and Web + APIs. We boast 90% customer satisfaction and offer comprehensive + learning materials for beginners, who make up about 10% of our + audience. +

+

Partner with us

+

+ Ready to advertise on MDN? Complete{" "} + + this form + + , and we'll respond shortly. Discover more about{" "} - here + Mozilla's Ad targeting guidelines + {" "} + and{" "} + + Privacy policy .

diff --git a/client/src/ui/organisms/footer/index.tsx b/client/src/ui/organisms/footer/index.tsx index f8b6c243c355..835ea56e4693 100644 --- a/client/src/ui/organisms/footer/index.tsx +++ b/client/src/ui/organisms/footer/index.tsx @@ -1,4 +1,3 @@ -import * as React from "react"; import { useLocale } from "../../../hooks"; import "./index.scss"; import { useLocation } from "react-router-dom"; @@ -71,7 +70,7 @@ export function Footer() {
  • - Advertise with us + Advertise with us
  • diff --git a/libs/fundamental-redirects/index.js b/libs/fundamental-redirects/index.js index a062306bae9b..634686abca37 100644 --- a/libs/fundamental-redirects/index.js +++ b/libs/fundamental-redirects/index.js @@ -1254,6 +1254,9 @@ const REDIRECT_PATTERNS = [].concat( ({ subPath }) => `https://wiki.mozilla.org/docs/ServerJS${subPath}`, { prependLocale: false, permanent: true } ), + localeRedirect(/advertising\/with_us/i, "/advertising", { + permanent: true, + }), ], LOCALE_PATTERNS, MISC_REDIRECT_PATTERNS