Add nativephp banners

Author: driesvints

config/lio.php

@@ -2,11 +2,15 @@
 
 return [
     'ads' => [
+        // [
+        //     'url' => 'https://eventy.io/?utm_source=Laravel.io&utm_campaign=eventy&utm_medium=advertisement',
+        //     'image' => 'eventy',
+        //     'alt' => 'Eventy',
+        // ],
         [
-            'url' => 'https://eventy.io/?utm_source=Laravel.io&utm_campaign=eventy&utm_medium=advertisement',
-            'image' => 'eventy',
-            'alt' => 'Eventy',
-            'goal' => 'PSA8VL6S',
+            'url' => 'https://nativephp.com/mobile?ref=laravel.io',
+            'image' => 'nativephp',
+            'alt' => 'Native PHP',
         ],
     ],
 

public/images/showcase/nativephp-long.png

@@ -1,6 +1,6 @@
 <div class="h-full rounded-sm shadow-sm px-5 py-4 bg-lio-200">
     <div class="break-words font-medium">
-        <a href="https://www.jetbrains.com/phpstorm/laravel/?utm_source=laravel.io&utm_medium=cpc&utm_campaign=phpstorm&utm_content=forum_sticker" class="text-gray-800 hover:text-gray-600 leading-7 mt-1" target="_blank" rel="noopener noreferrer" onclick="fathom.trackGoal('EMMLWQLC', 0);">
+        <a href="https://www.jetbrains.com/phpstorm/laravel/?utm_source=laravel.io&utm_medium=cpc&utm_campaign=phpstorm&utm_content=forum_sticker" class="text-gray-800 hover:text-gray-600 leading-7 mt-1" target="_blank" rel="noopener noreferrer" onclick="fathom.trackEvent('PhpStorm text ad click', 0);">
             <span class="text-sm font-regular text-gray-500">(sponsored)</span>
             Haven't tried PhpStorm yet? Get a special discount on PhpStorm + Laravel plugin bundle
             <span class="text-sm font-regular text-gray-500">-&gt;</span>

public/images/showcase/nativephp-small.png

@@ -8,14 +8,14 @@
 
 {{-- Show the banner on bigger displays. --}}
 <div class="hidden lg:block w-full">
-    <a href="{{ $long['url'] }}" target="_blank" rel="noopener noreferrer" onclick="fathom.trackGoal('{{ $long['goal'] }}', 0);">
+    <a href="{{ $long['url'] }}" target="_blank" rel="noopener noreferrer" onclick="fathom.trackEvent('{{ $long['alt'] }} long ad click');">
         <img class="block mx-auto w-full" style="max-width:1200px" src="{{ asset("/images/showcase/{$long['image']}-long.png") }}" alt="{{ $long['alt'] }}">
     </a>
 </div>
 
 {{-- Show the square on mobile. --}}
 <div class="block lg:hidden w-full">
-    <a href="{{ $small['url'] }}" target="_blank" rel="noopener noreferrer" onclick="fathom.trackGoal('{{ $small['goal'] }}', 0);">
+    <a href="{{ $small['url'] }}" target="_blank" rel="noopener noreferrer" onclick="fathom.trackEvent('{{ $small['alt'] }} small ad click');">
         <img class="block mx-auto w-full" style="max-width:300px" src="{{ asset("/images/showcase/{$small['image']}-small.png") }}" alt="{{ $small['alt'] }}">
     </a>
 </div>

resources/views/components/ads/top-text.blade.php

@@ -5,7 +5,7 @@
     $banner = $banner['small'] ?? $banner;
 ?>
 
-<a href="{{ $banner['url'] }}" target="_blank" rel="noopener noreferrer" onclick="fathom.trackGoal('{{ $banner['goal'] }}', 0);">
+<a href="{{ $banner['url'] }}" target="_blank" rel="noopener noreferrer" onclick="fathom.trackEvent('{{ $banner['alt'] }} sidebar ad click');">
     <img loading="lazy" class="my-4 mx-auto w-full" style="max-width:300px" src="{{ asset("/images/showcase/{$banner['image']}-small.png") }}" alt="{{ $banner['alt'] }}">
 </a>