Set a default meta image when one is not provided, when using opengra…

…ph/twitter meta definitions
galaxyproject · Aug 28, 2023 · 4b0a35e · 4b0a35e
1 parent fcb490a
commit 4b0a35e
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/config.json b/config.json
@@ -19,6 +19,7 @@
         },
         "copyFileExts": ["png", "jpg", "jpeg", "gif", "svg", "pdf", "mp4"]
     },
+    "defaultSocialImage": "/images/galaxy-logos/galaxy_project_logo.png",
     "taggedEventsPages": [
         { "tag": "webinar", "path": "/events/webinars/" },
         { "tag": "devroundtable", "path": "/community/devroundtable/" },

diff --git a/src/components/ArticleHeader.vue b/src/components/ArticleHeader.vue
@@ -92,6 +92,12 @@ export default {
         if (info.meta !== undefined) {
             info.meta.push({ property: "og:type", content: "article" });
             info.meta.push({ property: "twitter:card", content: "summary_large_image" });
+            // Set a backup summary image if none is provided.
+            if (!info.meta.some((tag) => tag.property in ["og:image", "twitter:image"])) {
+                const defaultSocialImageURL = ensureDomain(CONFIG.defaultSocialImage);
+                info.meta.push({ property: "og:image", content: defaultSocialImageURL });
+                info.meta.push({ property: "twitter:image", content: defaultSocialImageURL });
+            }
             return info;
         }
     },