chore(advertising): update copies (#8562)

1. Removed the "Experimenting with advertising on MDN" page. 2. Updated the "Advertise with us" page. 3. Moved the "Advertise with us" page to `/advertising`. 4. Added a redirect from `/advertising/with_us` to `/advertising`.
mdn · Apr 3, 2023 · 18c9231 · 18c9231
1 parent df25280
commit 18c9231
Show file tree

Hide file tree

Showing 7 changed files with 70 additions and 243 deletions.
diff --git 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
diff --git a/client/src/advertising/about/index.tsx b/client/src/advertising/about/index.tsx
diff --git 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 }) {
     <Routes>
       <Route
         path="/"
-        element={
-          <Layout>
-            <About />
-          </Layout>
-        }
-      />
-      <Route
-        path="/with_us"
         element={
           <Layout>
             <AdvertiseWithUs />

diff --git a/client/src/advertising/with_us/index.tsx b/client/src/advertising/with_us/index.tsx
@@ -51,46 +51,89 @@ export function AdvertiseWithUs() {
         </section>
       </div>
       <section>
-        <h2>Our audience</h2>
+        <h2>Join MDN's Privacy-First Ad Journey</h2>
         <p>
-          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{" "}
-          <a href="/en-US/docs/Web/CSS">CSS</a>,{" "}
-          <a href="/en-US/docs/Web/HTML">HTML</a>,{" "}
-          <a href="/en-US/docs/Web/JavaScript">JavaScript</a>, and{" "}
-          <a href="/en-US/docs/Web/API/">Web APIs</a>. We also provide an
-          extensive set of <a href="/en-US/docs/Learn">learning resources</a>{" "}
-          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{" "}
+          <a
+            href="https://www.mozilla.org/en-US/privacy/ad-targeting-guidelines/"
+            target="_blank"
+            rel="noreferrer"
+            className="external"
+          >
+            Mozilla's Ad targeting guidelines
+          </a>
+          . 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.
         </p>
-        <h2>Our offer</h2>
         <p>
-          We are currently experimenting with the first advertising campaigns on
-          MDN. You can check <a href="/en-US/advertising">this page</a> 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.
         </p>
         <p>
-          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.{" "}
           <a
             href="https://survey.alchemer.com/s3/7212589/MDN-Advertise-with-us"
             target="_blank"
             rel="noreferrer"
             className="external"
           >
-            this form
+            Join us
           </a>{" "}
-          and we'll make sure to get back to you very soon. Learn more about our
-          advertising principles and policies{" "}
+          in this journey!
+        </p>
+        <h2>Our offering</h2>
+        <p>
+          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.
+        </p>
+        <h2>Our audience</h2>
+        <p>
+          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.
+        </p>
+        <h2>Partner with us</h2>
+        <p>
+          Ready to advertise on MDN? Complete{" "}
+          <a
+            href="https://survey.alchemer.com/s3/7212589/MDN-Advertise-with-us"
+            target="_blank"
+            rel="noreferrer"
+            className="external"
+          >
+            this form
+          </a>
+          , and we'll respond shortly. Discover more about{" "}
           <a
             href="https://www.mozilla.org/en-US/privacy/ad-targeting-guidelines/"
             target="_blank"
             rel="noreferrer"
             className="external"
           >
-            here
+            Mozilla's Ad targeting guidelines
+          </a>{" "}
+          and{" "}
+          <a
+            href="https://www.mozilla.org/en-US/privacy/"
+            target="_blank"
+            rel="noreferrer"
+            className="external"
+          >
+            Privacy policy
           </a>
           .
         </p>

diff --git 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() {
               </a>
             </li>
             <li className="footer-nav-item">
-              <a href={`/en-US/advertising/with_us`}>Advertise with us</a>
+              <a href={`/en-US/advertising`}>Advertise with us</a>
             </li>
           </ul>
         </div>

diff --git 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