From af970b8bac949e4c63047e04aca1b7403a4e8deb Mon Sep 17 00:00:00 2001
From: Benjamin Bellamy <ben@podlibre.org>
Date: Wed, 4 Nov 2020 17:03:20 +0000
Subject: [PATCH] feat: add Open Graph and Twitter meta tags
fix: #41
---
app/Entities/Episode.php | 10 ++++++++++
app/Helpers/url_helper.php | 18 ++++++++++++++++++
app/Views/episode.php | 16 ++++++++++++++++
app/Views/podcast.php | 12 ++++++++++++
4 files changed, 56 insertions(+)
diff --git a/app/Entities/Episode.php b/app/Entities/Episode.php
index 454849e17e..6b4939a5a0 100644
--- a/app/Entities/Episode.php
+++ b/app/Entities/Episode.php
@@ -50,6 +50,11 @@ class Episode extends Entity
*/
protected $enclosure_web_url;
+ /**
+ * @var string
+ */
+ protected $enclosure_opengraph_url;
+
/**
* Holds text only description, striped of any markdown or html special characters
*
@@ -220,6 +225,11 @@ class Episode extends Entity
return $this->getEnclosureUrl() . '?_from=-+Website+-';
}
+ public function getEnclosureOpengraphUrl()
+ {
+ return $this->getEnclosureUrl() . '?_from=-+Open+Graph+-';
+ }
+
public function getLink()
{
return base_url(
diff --git a/app/Helpers/url_helper.php b/app/Helpers/url_helper.php
index 1e35a594ab..ec462ca8e4 100644
--- a/app/Helpers/url_helper.php
+++ b/app/Helpers/url_helper.php
@@ -20,3 +20,21 @@ if (!function_exists('host_url')) {
return false;
}
}
+
+if (!function_exists('current_season_url')) {
+ /**
+ * Return the podcast URL with season number to use in views
+ *
+ * @return string
+ */
+ function current_season_url()
+ {
+ $season_query_string = '';
+ if (isset($_GET['season'])) {
+ $season_query_string = '?season=' . $_GET['season'];
+ } elseif (isset($_GET['year'])) {
+ $season_query_string = '?year=' . $_GET['year'];
+ }
+ return current_url() . $season_query_string;
+ }
+}
diff --git a/app/Views/episode.php b/app/Views/episode.php
index 93d3166c94..f97ff3872c 100644
--- a/app/Views/episode.php
+++ b/app/Views/episode.php
@@ -9,7 +9,23 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="shortcut icon" type="image/png" href="/favicon.ico" />
<link rel="stylesheet" href="/assets/index.css"/>
+ <link rel="canonical" href="<?= current_url() ?>" />
<script src="/assets/podcast.js" type="module" defer></script>
+ <meta property="og:title" content="<?= $episode->title ?>" />
+ <meta property="og:locale" content="<?= $podcast->language_code ?>" />
+ <meta property="og:site_name" content="<?= $podcast->title ?>" />
+ <meta property="og:url" content="<?= current_url() ?>" />
+ <meta property="article:published_time" content="<?= $episode->published_at ?>" />
+ <meta property="article:modified_time" content="<?= $episode->updated_at ?>" />
+ <meta property="og:image" content="<?= $episode->image->large_url ?>" />
+ <meta property="og:image:width" content="<?= config('Images')
+ ->largeSize ?>" />
+ <meta property="og:image:height" content="<?= config('Images')
+ ->largeSize ?>" />
+ <meta property="og:audio" content="<?= $episode->enclosure_opengraph_url ?>" />
+ <meta property="og:audio:type" content="<?= $episode->enclosure_mimetype ?>" />
+ <meta property="og:description" content="<?= $episode->description ?>" />
+ <meta name="twitter:card" content="summary_large_image" />
</head>
<body class="flex flex-col min-h-screen mx-auto">
diff --git a/app/Views/podcast.php b/app/Views/podcast.php
index 98258d0dd9..fa25f6025f 100644
--- a/app/Views/podcast.php
+++ b/app/Views/podcast.php
@@ -10,8 +10,20 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="shortcut icon" type="image/png" href="/favicon.ico" />
<link rel="stylesheet" href="/assets/index.css"/>
+ <link rel="canonical" href="<?= current_season_url() ?>" />
<link type="application/rss+xml" rel="alternate" title="<?= $podcast->title ?>" href="<?= $podcast->feed_url ?>"/>
<script src="/assets/podcast.js" type="module" defer></script>
+ <meta property="og:title" content="<?= $podcast->title ?>" />
+ <meta property="og:locale" content="<?= $podcast->language_code ?>" />
+ <meta property="og:site_name" content="<?= $podcast->title ?>" />
+ <meta property="og:url" content="<?= current_season_url() ?>" />
+ <meta property="og:image" content="<?= $podcast->image->large_url ?>" />
+ <meta property="og:image:width" content="<?= config('Images')
+ ->largeSize ?>" />
+ <meta property="og:image:height" content="<?= config('Images')
+ ->largeSize ?>" />
+ <meta property="og:description" content="<?= $episode->description ?>" />
+ <meta name="twitter:card" content="summary_large_image" />
</head>
<body class="flex flex-col min-h-screen">
--
GitLab