Meta property content (#584)

* Social Share Preview * LimiteDescription * wip * ATTR.CONTENT * Optimisation de code * change by content * inside the index * wip * remove all meta bin side the campaign details * updateMetaTags * delete the meta in the index html * delete the meta in the index html * delete the meta in the index html * delete the meta in the index
SaTT-Wallet · Sep 29, 2023 · 4c8fbba · 4c8fbba
1 parent 1dd65ec
commit 4c8fbba
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 15 deletions.
diff --git a/...n-details/components/campaign-details-container/campaign-details-container.component.html b/...n-details/components/campaign-details-container/campaign-details-container.component.html
@@ -1,4 +1,4 @@
- 
+
 <!-- <head>
   <meta property="og:title" content="{{ 'campaign?.title' }}" />
   <meta property="og:description" content="{{ 'campaign?.summary' }}" />
@@ -9,11 +9,7 @@
   <meta property="og:image:width" content="1200" />
   <meta property="og:image:height" content="630" />
 </head> -->
-
-
-
 
-
 
 <ng-container *ngIf="campaign?.id === campaignId; else loading">
   <div class="content" style="min-height: 50vh">

diff --git a/...ign-details/components/campaign-details-container/campaign-details-container.component.ts b/...ign-details/components/campaign-details-container/campaign-details-container.component.ts
@@ -152,7 +152,7 @@ export class CampaignDetailsContainerComponent implements OnInit {
       setTimeout(() => {
         this.showmoonboy = campaign.id === this.campaignId;
       }, 1000);
- 
+
       /*this.ogImageUrl = campaign.coverSrcMobile.includes('ipfs') ? ipfsURL + campaign.coverSrcMobile.substring(27, campaign.coverSrcMobile.length) : campaign.coverSrcMobile;
       this.meta.updateTag({ property: 'og:title', content: campaign.title });
       this.meta.updateTag({ property: 'og:description', content: campaign.description });
@@ -292,13 +292,31 @@ export class CampaignDetailsContainerComponent implements OnInit {
       this.updateMetaTags(campaign);
     });
   }
+  updateMetaTags(campaign: Campaign) {
+    if (campaign) {
+      this.ogImageUrl = campaign.coverSrcMobile.includes('ipfs')
+        ? ipfsURL + campaign.coverSrcMobile.substring(27, campaign.coverSrcMobile.length)
+        : campaign.coverSrcMobile;
+
+      this.meta.updateTag({ property: 'og:title', content: campaign.title });
+      this.meta.updateTag({ property: 'og:description', content: campaign.description });
+      this.meta.updateTag({ property: 'og:image', content: this.ogImageUrl });
+
+      this.meta.updateTag({ property: 'og:image:width', content: '1200' });
+      this.meta.updateTag({ property: 'og:image:height', content: '630' });
+
+      this.meta.updateTag({ name: 'twitter:card', content: 'summary_large_image' });
+      this.meta.updateTag({ name: 'twitter:image', content: this.ogImageUrl });
+    }
+  }
 
   imageImported(image: any) {
     this.campaignsStoreService.updateOneById({ cover: image });
   }
   limitDescription(description: string | undefined, maxLength: number = 200): string {
     return description ? description.slice(0, maxLength) : '';
   }
+
 
   updateMetaTags(campaign: Campaign) {
     if (campaign) {
@@ -310,6 +328,7 @@ export class CampaignDetailsContainerComponent implements OnInit {
       this.meta.updateTag({ property: 'og:description', content: campaign.description });
       this.meta.updateTag({ property: 'og:image', content: this.ogImageUrl });
 
+
       this.meta.updateTag({ property: 'og:image:width', content: '1200' });
       this.meta.updateTag({ property: 'og:image:height', content: '630' });
 

diff --git a/src/index.html b/src/index.html
@@ -25,12 +25,11 @@
     <!-- iOS Safari -->
     <meta name="apple-mobile-web-app-capable" content="yes" />
     <meta name="apple-mobile-web-app-status-bar-style" content="#1f2337" />
-    <meta name="twitter:card" content="summary">
-
-   <title>SaTT - Smart advertising Transaction Token</title>
+
+    <!-- <meta name="twitter:card" content="summary"> -->
 
     <!-- <title>SaTT - Smart advertising Transaction Token</title> -->
- 
+
 
     <base href="/" />
     <meta
@@ -46,12 +45,12 @@
     <meta property="og:title" content="SaTT - Smart advertising Transaction Token" />
     -->
 
-
-    <meta name="keyword" content="crypto, blockchain, social media, farming,  earning crypto, profitable,  marketing, influencers, brand, SaTT,  token, Trust, wallet">
 
-  </meta>
-
-
+    <meta
+    name="keyword"
+     content="crypto, blockchain, social media, farming,  earning crypto, profitable,  marketing, influencers, brand, SaTT,  token, Trust, wallet"
+    />
+
     <!--<meta
       name="facebook-domain-verification"
       content="ag3bpno6r3diau1vlmnxrmf0i6g4vd"