Correcting Social Links

Social services will utilize the Canonical URL while fetching sharable information like page title and image. This hard-coded value results in all share attempts resulting in 404s for the link fetching service.

Laravel Blade supports front-end frameworks that utilize similar-to-Blade syntax `{{ }}` by adding an escape option `@{{ }}`. As such, string concatenation of the `@` and the `$littlelink_name` was necessary.

Author: adamgoose

resources/views/littlelink.blade.php

@@ -49,7 +49,7 @@ function themeAsset($path){
   <!-- This shows a preview for title, description and avatar image of users profiles if shared on social media sites -->
 
     <!-- Facebook Meta Tags -->
-    <meta property="og:url" content="{{ url('') }}/@littlelink_name">
+    <meta property="og:url" content="{{ url('') }}/{{ "@" . $littlelink_name }}">
     <meta property="og:type" content="website">
     <meta property="og:title" content="{{ $userinfo->name }}">
     <meta property="og:description" content="{{ $userinfo->littlelink_description }}">
@@ -61,8 +61,8 @@ function themeAsset($path){
 
     <!-- Twitter Meta Tags -->
     <meta name="twitter:card" content="summary_large_image">
-    <meta property="twitter:domain" content="{{ url('') }}/@littlelink_name">
-    <meta property="twitter:url" content="{{ url('') }}/@littlelink_name">
+    <meta property="twitter:domain" content="{{ url('') }}/{{ "@" . $littlelink_name }}">
+    <meta property="twitter:url" content="{{ url('') }}/{{ "@" . $littlelink_name }}">
     <meta name="twitter:title" content="{{ $userinfo->littlelink_name }}">
     <meta name="twitter:description" content="{{ $userinfo->littlelink_description }}">
     @if(file_exists(base_path("img/$littlelink_name" . ".png" )))
@@ -324,4 +324,4 @@ function get_operating_system() {
 @if(theme('enable_custom_code') == "true" and theme('enable_custom_body_end') == "true" and env('ALLOW_CUSTOM_CODE_IN_THEMES') == 'true')@include($GLOBALS['themeName'] . '.extra.custom-body-end')@endif
 
 </body>
-</html>
+</html>