Use custom open collective tag to track donation origin

Author: mbastian

src/components/Donate.astro

@@ -1,10 +1,16 @@
 ---
 import { Icon } from "astro-icon/components";
+
+interface Props {
+  tag?: string;
+}
+
+const { tag = "gephi-website" } = Astro.props;
 ---
 
 <a
   class="btn btn-dark fw-bold w-md-auto"
-  href="https://opencollective.com/gephi/donate?interval=oneTime&amount=5&name=&legalName=&email="
+  href={`https://opencollective.com/gephi/donate?tags=${encodeURIComponent(tag)}&interval=oneTime&amount=5&name=&legalName=&email=`}
 >
   <Icon name="ph:heart-fill" /> Donate 5€
 </a>

src/components/DownloadGephiDesktop.astro

@@ -121,7 +121,7 @@ const DOWNLOAD_LINKS = await getDownloadLinks();
   </p>
   <p>Every contribution makes a difference.</p>
   <div class="text-center">
-    <Donate />
+    <Donate tag="gephi-website-modal" />
   </div>
 </dialog>
 

src/layouts/Layout.astro

@@ -180,7 +180,7 @@ const appPages = [
             </li>
             <li class="nav-item mb-2 fw-bold">
               <a
-                href="https://opencollective.com/gephi/donate?interval=oneTime&amount=5&name=&legalName=&email="
+                href="https://opencollective.com/gephi/donate?tags=gephi-website&interval=oneTime&amount=5&name=&legalName=&email="
                 class="nav-link p-0 text-body-secondary">Donate</a
               >
             </li>

src/pages/faq/index.astro

@@ -92,7 +92,7 @@ const QUESTIONS: Group<Question | Group<Question>>[] = [
       {
         question: "How can I support Gephi?",
         answer: `
-<p>Gephi is free software developed by a <a href="/about#team">small community of volunteers</a>. You can contribute to <a href="https://github.com/gephi/gephi">its development</a> or <a href="https://opencollective.com/gephi/donate">make a donation</a>.</p>
+<p>Gephi is free software developed by a <a href="/about#team">small community of volunteers</a>. You can contribute to <a href="https://github.com/gephi/gephi">its development</a> or <a href="https://opencollective.com/gephi/donate?tags=gephi-website">make a donation</a>.</p>
 `,
       },
       {

src/pages/index.astro

@@ -214,7 +214,7 @@ import GephiPaper from "../images/homepage/gephi-paper.png";
             Built by the <strong>community</strong>, for the community.
             <br />
             Gephi is free as in &ldquo;free beer,&rdquo; you don't have to pay (but you can <a
-              href="https://opencollective.com/gephi/donate?interval=oneTime&amount=5&name=&legalName=&email="
+              href="https://opencollective.com/gephi/donate?tags=gephi-website&interval=oneTime&amount=5&name=&legalName=&email="
               >support us</a
             >). And it is free as in &ldquo;free speech,&rdquo; having its source code fully available under <a
               href="https://github.com/gephi/gephi/blob/master/LICENSE.md">GPL license</a
@@ -238,7 +238,7 @@ import GephiPaper from "../images/homepage/gephi-paper.png";
             everyone.
           </p>
           <p>
-            <a class="btn btn-dark" href="https://opencollective.com/gephi/donate"
+            <a class="btn btn-dark" href="https://opencollective.com/gephi/donate?tags=gephi-website"
               ><Icon name="ph:hand-heart" /> Make a donation</a
             >
           </p>