Embedd talk specific metatags in speakie details page

holderbaum-io · Jun 24, 2019 · 0156b7f · 0156b7f
1 parent 9b3cfd0
commit 0156b7f
Show file tree

Hide file tree

Showing 27 changed files with 25 additions and 3 deletions.
diff --git a/source/events/2019/speakies/template.html.erb b/source/events/2019/speakies/template.html.erb
@@ -1,3 +1,5 @@
+<% abstract = talk[:abstract].empty? ? "This talk does not have an abstract" : talk[:abstract] %>
+
 <main>
   <section class="speaker-details">
     <div>
@@ -21,7 +23,7 @@
       </u>
       <% end %>
       <article>
-        <%= markdown talk[:abstract] %>
+        <%= markdown abstract %>
       </article>
     </div>
   </section>
@@ -54,3 +56,23 @@
     <%= partial 'updates' %>
   </section>
 </main>
+
+<% content_for :metatags do %>
+<% title = html_escape strip_tags markdown talk[:title] %>
+<% abstract = html_escape strip_tags markdown abstract %>
+<% image_path = "https://think-about.io/images/events/2019/speakies/#{talk[:person_slug]}_card.png" %>
+
+<meta property="og:image" content="<%= image_path %>">
+<meta property="og:image:width" content="1200">
+<meta property="og:image:height" content="630">
+<meta property="og:title" content="<%= title %>">
+<meta property="og:description" content="<%= abstract %>">
+<meta property="og:type" content="article" />
+<meta property="og:url" content="<%= "https://think-about.io/#{current_page.url}" %>" />
+<meta name="twitter:card" content="summary_large_image">
+<meta name="twitter:site" content="@thinkaboutconf">
+<meta name="twitter:title" content="<%= title %>">
+<meta name="twitter:description" content="<%= abstract %>">
+<meta name="twitter:image" content="<%= image_path %>">
+<meta name="twitter:domain" content="think-about.io">
+<% end %>
diff --git a/.../2019/speakies/share/aly_blenkin_card.png → ...events/2019/speakies/aly_blenkin_card.png b/.../2019/speakies/share/aly_blenkin_card.png → ...events/2019/speakies/aly_blenkin_card.png
diff --git a/...019/speakies/share/anika_zeidler_card.png → ...ents/2019/speakies/anika_zeidler_card.png b/...019/speakies/share/anika_zeidler_card.png → ...ents/2019/speakies/anika_zeidler_card.png
diff --git a/...speakies/share/christoph_hassler_card.png → .../2019/speakies/christoph_hassler_card.png b/...speakies/share/christoph_hassler_card.png → .../2019/speakies/christoph_hassler_card.png
diff --git a/...speakies/share/christopher_grebs_card.png → .../2019/speakies/christopher_grebs_card.png b/...speakies/share/christopher_grebs_card.png → .../2019/speakies/christopher_grebs_card.png
diff --git a/...19/speakies/share/dmytri_kleiner_card.png → ...nts/2019/speakies/dmytri_kleiner_card.png b/...19/speakies/share/dmytri_kleiner_card.png → ...nts/2019/speakies/dmytri_kleiner_card.png
diff --git a/...019/speakies/share/eileen_wagner_card.png → ...ents/2019/speakies/eileen_wagner_card.png b/...019/speakies/share/eileen_wagner_card.png → ...ents/2019/speakies/eileen_wagner_card.png
diff --git a/.../2019/speakies/share/emma_arfelt_card.png → ...events/2019/speakies/emma_arfelt_card.png b/.../2019/speakies/share/emma_arfelt_card.png → ...events/2019/speakies/emma_arfelt_card.png
diff --git a/...ts/2019/speakies/share/eriol_fox_card.png → ...s/events/2019/speakies/eriol_fox_card.png b/...ts/2019/speakies/share/eriol_fox_card.png → ...s/events/2019/speakies/eriol_fox_card.png
diff --git a/.../speakies/share/felienne_hermans_card.png → ...s/2019/speakies/felienne_hermans_card.png b/.../speakies/share/felienne_hermans_card.png → ...s/2019/speakies/felienne_hermans_card.png
diff --git a/...9/speakies/share/gerri_buchegger_card.png → ...ts/2019/speakies/gerri_buchegger_card.png b/...9/speakies/share/gerri_buchegger_card.png → ...ts/2019/speakies/gerri_buchegger_card.png
diff --git a/...nts/2019/speakies/share/jenz_mau_card.png → ...es/events/2019/speakies/jenz_mau_card.png b/...nts/2019/speakies/share/jenz_mau_card.png → ...es/events/2019/speakies/jenz_mau_card.png
diff --git a/...9/speakies/share/katharina_baehr_card.png → ...ts/2019/speakies/katharina_baehr_card.png b/...9/speakies/share/katharina_baehr_card.png → ...ts/2019/speakies/katharina_baehr_card.png
diff --git a/...are/laura_kalbag_and_aral_balkan_card.png → ...ies/laura_kalbag_and_aral_balkan_card.png b/...are/laura_kalbag_and_aral_balkan_card.png → ...ies/laura_kalbag_and_aral_balkan_card.png
diff --git a/...2019/speakies/share/linda_rising_card.png → ...vents/2019/speakies/linda_rising_card.png b/...2019/speakies/share/linda_rising_card.png → ...vents/2019/speakies/linda_rising_card.png
diff --git a/...19/speakies/share/maren_heltsche_card.png → ...nts/2019/speakies/maren_heltsche_card.png b/...19/speakies/share/maren_heltsche_card.png → ...nts/2019/speakies/maren_heltsche_card.png
diff --git a/...9/speakies/share/muriel_boettger_card.png → ...ts/2019/speakies/muriel_boettger_card.png b/...9/speakies/share/muriel_boettger_card.png → ...ts/2019/speakies/muriel_boettger_card.png
diff --git a/...2019/speakies/share/renato_losio_card.png → ...vents/2019/speakies/renato_losio_card.png b/...2019/speakies/share/renato_losio_card.png → ...vents/2019/speakies/renato_losio_card.png
diff --git a/.../2019/speakies/share/ryn_daniels_card.png → ...events/2019/speakies/ryn_daniels_card.png b/.../2019/speakies/share/ryn_daniels_card.png → ...events/2019/speakies/ryn_daniels_card.png
diff --git a/...speakies/share/sebastian_golasch_card.png → .../2019/speakies/sebastian_golasch_card.png b/...speakies/share/sebastian_golasch_card.png → .../2019/speakies/sebastian_golasch_card.png
diff --git a/.../speakies/share/silvan_jongerius_card.png → ...s/2019/speakies/silvan_jongerius_card.png b/.../speakies/share/silvan_jongerius_card.png → ...s/2019/speakies/silvan_jongerius_card.png
diff --git a/...19/speakies/share/susanne_kaiser_card.png → ...nts/2019/speakies/susanne_kaiser_card.png b/...19/speakies/share/susanne_kaiser_card.png → ...nts/2019/speakies/susanne_kaiser_card.png
diff --git a/...peakies/share/tobias_struckmeier_card.png → ...2019/speakies/tobias_struckmeier_card.png b/...peakies/share/tobias_struckmeier_card.png → ...2019/speakies/tobias_struckmeier_card.png
diff --git a/...19/speakies/share/tom_vollerthun_card.png → ...nts/2019/speakies/tom_vollerthun_card.png b/...19/speakies/share/tom_vollerthun_card.png → ...nts/2019/speakies/tom_vollerthun_card.png
diff --git a/...019/speakies/share/vimla_appadoo_card.png → ...ents/2019/speakies/vimla_appadoo_card.png b/...019/speakies/share/vimla_appadoo_card.png → ...ents/2019/speakies/vimla_appadoo_card.png
diff --git a/...019/speakies/share/wilhelm_rinke_card.png → ...ents/2019/speakies/wilhelm_rinke_card.png b/...019/speakies/share/wilhelm_rinke_card.png → ...ents/2019/speakies/wilhelm_rinke_card.png
diff --git a/source/layouts/layout.erb b/source/layouts/layout.erb
@@ -13,8 +13,8 @@
     <meta name="msapplication-TileColor" content="#280050">
     <meta name="theme-color" content="#280050">
 
-    <% if content_for? :header %>
-    <%= yield_content :header %>
+    <% if content_for? :metatags %>
+    <%= yield_content :metatags %>
     <% else %>
     <meta property="og:image" content="/images/og-image.jpg">
     <meta property="og:title" content="Think About! Conference">