Quick go at adding opengraph + twitter image to landing page. Fixes #…

…1857
openaustralia · Jul 24, 2024 · eeac131 · eeac131
1 parent 8069a4f
commit eeac131
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 0 deletions.
diff --git a/app/assets/images/tailwind/opengraph.png b/app/assets/images/tailwind/opengraph.png
diff --git a/app/views/_tailwind/application/_html_head.html.erb b/app/views/_tailwind/application/_html_head.html.erb
@@ -10,6 +10,7 @@
     Planning Alerts
   <% end %>
 </title>
+<%= yield :extra_meta_tags %>
 
 <%= stylesheet_link_tag "tailwind", "data-turbo-track": "reload" %>
 <link rel="preconnect" href="https://fonts.googleapis.com">

diff --git a/app/views/_tailwind/home/index.html.erb b/app/views/_tailwind/home/index.html.erb
@@ -1,5 +1,22 @@
 <% content_for :meta_description, Rails.configuration.planningalerts_meta_description %>
 
+<% content_for :extra_meta_tags do %>
+  <!-- Facebook -->
+  <meta property="og:url" content="<%= root_url %>">
+  <meta property="og:type" content="website">
+  <meta property="og:title" content="Planning Alerts">
+  <meta property="og:description" content="<%= yield(:meta_description) %>">
+  <meta property="og:image" content="<%= image_url("tailwind/opengraph.png") %>">
+
+  <!-- Twitter -->
+  <meta name="twitter:card" content="summary_large_image">
+  <meta property="twitter:domain" content="planningalerts.org.au">
+  <meta property="twitter:url" content="<%= root_url %>">
+  <meta name="twitter:title" content="Planning Alerts">
+  <meta name="twitter:description" content="<%= yield(:meta_description) %>">
+  <meta name="twitter:image" content="<%= image_url("tailwind/opengraph.png") %>">
+<% end %>
+
 <%= render "banner" %>
 <%= render "applications/address_search_form", q: nil, error: nil, autofocus: false %>