add promotion for seo web vitals, add campaign for Heatmaps and Sessi… (#17979)

* add promotion for seo web vitals, add campaign for Heatmaps and Session Recording

fixes #17975

* improve naming

* clarify naming of events

* update ui-screenshot expected images

* only show once on performance page

* update ui-test screenshot

3 files changed, 24 insertions, 0 deletions

diff --git a/plugins/ProfessionalServices/ProfessionalServices.php b/plugins/ProfessionalServices/ProfessionalServices.php
index a2d96f8b28..32cb4f422c 100644
--- a/plugins/ProfessionalServices/ProfessionalServices.php
+++ b/plugins/ProfessionalServices/ProfessionalServices.php
@@ -31,6 +31,8 @@ class ProfessionalServices extends \Piwik\Plugin
             'Template.afterCustomVariablesReport' => 'getCustomVariablesPromo',
             'Template.afterOverlaySidebar' => 'getHeatmapPromo',
             'Template.afterVisitorProfileOverview' => 'getSessionRecordingPromo',
+            'Template.afterPagePerformanceReport' => 'getSeoWebVitalsPromo',
+            'Template.afterSearchEngines' => 'getSeoWebVitalsPromo',
         );
     }
 
@@ -140,4 +142,12 @@ class ProfessionalServices extends \Piwik\Plugin
         return Plugin\Manager::getInstance()->isPluginActivated($pluginName);
     }
 
+    public function getSeoWebVitalsPromo(&$out)
+    {
+        if ($this->shouldShowPromoForPlugin('SEOWebVitals')) {
+            $view = new View('@ProfessionalServices/promoSEOWebVitals');
+            $out .= $view->render();
+        }
+    }
+
 }
diff --git a/plugins/ProfessionalServices/Promo.php b/plugins/ProfessionalServices/Promo.php
index 8cc2e01e4d..f2ac24a481 100644
--- a/plugins/ProfessionalServices/Promo.php
+++ b/plugins/ProfessionalServices/Promo.php
@@ -103,6 +103,12 @@ class Promo
                 'url' => 'https://matomo.org/recommends/enterprise/',
                 'text' => 'Discover the power of open-source combined with enterprise-grade support and premium functionalities.'
             ),
+            array(
+                'campaignContent' => 'heatmapsAndSessionRecordings',
+                'title' => 'Heatmaps and for Session Recordings',
+                'url' => 'https://matomo.org/recommends/heatmap-session-recording-learn-more/',
+                'text' => 'Truly understand your visitors by seeing where they click, hover, type and scroll. Replay their actions in a video and ultimately increase conversions.'
+            ),
         );
     }
 
diff --git a/plugins/ProfessionalServices/templates/promoSEOWebVitals.twig b/plugins/ProfessionalServices/templates/promoSEOWebVitals.twig
new file mode 100644
index 0000000000..bf85b5edc9
--- /dev/null
+++ b/plugins/ProfessionalServices/templates/promoSEOWebVitals.twig
@@ -0,0 +1,8 @@
+<p class="alert-info alert">Did you know?<br />
+    Use
+    <a target="_blank" rel="noreferrer noopener" href="https://matomo.org/recommends/seo-web-vitals/">
+        SEO Web Vitals
+    </a>
+    to improve your website performance, rank higher in search results and optimise your visitor
+    experience with SEO Web Vitals.
+</p>