Meta data for link previews #85

src/crew/templates/signup.html

@@ -1,5 +1,4 @@
 {% extends "base.html" %} {% block content %}{% load static %}
-
 <script language="javascript">
   $(document).ready(() => {
     $('#signup').on('change', _ => {

src/crew/views/signup.py

@@ -26,16 +26,18 @@ def signup(request, slug):
     skills = Skill.objects.all()
     attendance_phases = Attendance.get_phases(event=event)
     team_categories = TeamCategory.objects.all()
-    context = {
+    extra_context = {
         "event": event,
+        "og_title": f"Crewanmeldung {event.name}",
+        "og_description": f"Crewanmeldung für die Veranstaltung {event.name}, sei Teil des Teams!",
         "shirts": shirts,
-        "site_title": "Anmeldung",
+        "site_title": f"Crewanmeldung {event.name}",
         "skills": skills,
         "slug": slug,
         "team_categories": team_categories,
         "attendance_phases": attendance_phases,
     }
-    return HttpResponse(template.render(context, request))
+    return HttpResponse(template.render(extra_context, request))
 
 
 class SignupSubmittedView(DetailView):

src/rockon/context_processors/get_domain.py

@@ -0,0 +1,7 @@
+from __future__ import annotations
+
+from django.conf import settings
+
+
+def get_domain(request):
+    return {"DOMAIN": settings.DOMAIN}

src/rockon/settings.py

@@ -96,6 +96,7 @@
                 "rockon.context_processors.app_info.get_build_date",
                 "rockon.context_processors.app_info.get_build_hash",
                 "rockon.context_processors.sentry_frontend.get_sentry_data",
+                "rockon.context_processors.get_domain.get_domain",
             ],
         },
     },

src/templates/head.html

@@ -34,3 +34,4 @@
     })
   })
 </script>
+{% include "opengraph.html" %}

src/templates/opengraph.html

@@ -0,0 +1,6 @@
+{% load static %}
+<meta property="og:url"                content="{{ DOMAIN }}{{ request.request.get_full_path }}" />
+<meta property="og:type"               content="website" />
+<meta property="og:title"              content="{{ og_title|default:"rockon" }}" />
+<meta property="og:description"        content="{{ og_description|default:"Hi, ich bin Rockon und ich helfe beim Organisieren und Verwalten von Rocktreff und Spielfest Mariendorf" }}" />
+<meta property="og:image"              content="{{ DOMAIN }}{% static "assets/racoon.svg" %}" />