add meta data in all pages

This commit is contained in:
dev sp
2024-01-12 15:49:21 +00:00
parent 98e7021d7c
commit 5af60161c5
25 changed files with 358 additions and 33 deletions

View File

@@ -15,7 +15,22 @@ const idx = data.data.findIndex((n: { slug: string | undefined; }) => n.slug ===
const items = data.data[idx];
// console.log(data.data[idx])
---
<Layout title={items.title}>
<Layout title={items.title}
metaTitle={items.title}
description={items.heading}
ogImg={`https://api7.siliconpin.com/assets/${items.img}`}
tiwtterCard='summary_large_image'
tiwtterImage={`https://api7.siliconpin.com/assets/${items.img}`}
tiwtterTitle={items.title}
tiwtterDesc={items.heading}
tiwtterURL=`https://barta-india.in/technology/${items.slug}`
artPubTime={items.date_created}
ogSiteName=`https://barta-india.in/technology/${items.slug}`
ogType='News'
ogTitle={items.title}
ogDesc={items.heading}
ogURL=`https://barta-india.in/technology/${items.slug}`
>
<main>
<section class="container mx-auto px-4 mt-16">
<div class="flex flex-col justify-center">
@@ -29,7 +44,7 @@ const items = data.data[idx];
<p class="text-xl font-bold text-[#780a0a]">Share on: </p>
<a href=`whatsapp://send?text=${items.title}%20%0A%20https://barta-india.in/technology/${items.slug}` data-action="share/whatsapp/share"><img src="/img/whatsapp.svg" alt=""/></a>
<a href=`https://www.facebook.com/share.php?u=https://barta-india.in/technology/${items.slug}` target="_blank"><img src="/img/facebook.svg" alt=""/></a>
<a href=`http://www.twitter.com/share?url=https://barta-india.in/technology/${items.slug}%3Fbar%3D123%26baz%3D456&text=Your%20${items.title}%20here` target="_blank"><img src="/img/x.svg" alt=""/></a>
<a href=`http://www.twitter.com/share?url=https://barta-india.in/technology/${items.slug}%3Fbar%3D123%26baz%3D456&text=%20${items.title}%20` target="_blank"><img src="/img/x.svg" alt=""/></a>
<a href=`https://www.linkedin.com/shareArticle?mini=true&url=https://barta-india.in/technology/${items.slug}&title=${items.title}&summary=${items.title}&source=${items.title}` onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"><img src="/img/link.svg" alt=""/></a>
</div>
</div>

View File

@@ -3,12 +3,29 @@ import Layout from '../../layouts/Layout.astro';
const fetchData = await fetch('https://api7.siliconpin.com/items/barta?filter[status][_eq]=published&filter[category][_eq]=technology&sort=-date_created&filter[lang][_eq]=english');
const dataJSON = await fetchData.json();
const data = dataJSON.data;
const fetchMeta = await fetch('https://api7.siliconpin.com/items/meta_data?filter[status][_eq]=published&filter[domain][_eq]=barta&filter[pages][_eq]=technology_en');
const metaJSON = await fetchMeta.json();
const items = metaJSON.data[0];
// const imageData = data.image;
// const data = fetchDataJSON.data;
// console.log()
// console.log(items.img)
---
<Layout title="Barta News">
<Layout title={items.title}
metaTitle={items.title}
description={items.description}
ogImg={`https://api7.siliconpin.com/assets/${items.img}`}
tiwtterCard='summary_large_image'
tiwtterImage={`https://api7.siliconpin.com/assets/${items.img}`}
tiwtterTitle={items.title}
tiwtterDesc={items.description}
tiwtterURL=`https://barta-india.in/technology/`
ogSiteName=`https://barta-india.in/technology/`
ogType={items.og_type}
ogTitle={items.title}
ogDesc={items.description}
ogURL=`https://barta-india.in/technology/`
>
<main>
<section class="container mx-auto px-4">
<div class="my-16">