205 lines
5.6 KiB
Svelte
205 lines
5.6 KiB
Svelte
<script lang="ts">
|
|
import analytics from './analytics';
|
|
import publisherTags from './publisherTags';
|
|
|
|
/**
|
|
* Base url for the page, which in [Vite-based projects](https://vitejs.dev/guide/build.html#public-base-path)
|
|
* is globally available as `import.meta.env.BASE_URL`.
|
|
* @required
|
|
* @type {string}
|
|
*/
|
|
export let baseUrl: string = '';
|
|
/**
|
|
* [URL](https://developer.mozilla.org/en-US/docs/Web/API/URL) object for the page.
|
|
* @required
|
|
* @type {URL}
|
|
*/
|
|
export let pageUrl: URL | null = null;
|
|
|
|
/**
|
|
* SEO title
|
|
* @required
|
|
* @type {string}
|
|
*/
|
|
export let seoTitle;
|
|
/**
|
|
* SEO description
|
|
* @required
|
|
* @type {string}
|
|
*/
|
|
export let seoDescription;
|
|
/**
|
|
* Share title
|
|
* @required
|
|
* @type {string}
|
|
*/
|
|
export let shareTitle;
|
|
/**
|
|
* Share description
|
|
* @required
|
|
* @type {string}
|
|
*/
|
|
export let shareDescription;
|
|
/**
|
|
* Share image path. **Must be an absolute path.**
|
|
* @required
|
|
* @type {string}
|
|
*/
|
|
export let shareImgPath;
|
|
/**
|
|
* [HTML lang attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang). **Two-letter code only.**
|
|
* @type {string}
|
|
*/
|
|
export let lang = 'en';
|
|
/**
|
|
* Publish time as an [ISO string](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toISOString)
|
|
* @type {string}
|
|
*/
|
|
export let publishTime: string = '';
|
|
/**
|
|
* Updated time as an [ISO string](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toISOString)
|
|
* @type {string}
|
|
*/
|
|
export let updateTime: string = '';
|
|
|
|
interface GraphicAuthor {
|
|
name: string;
|
|
url: string;
|
|
}
|
|
|
|
/**
|
|
* Array of authors for the piece. Each author object must have `name` and `url` attributes.
|
|
*/
|
|
export let authors: GraphicAuthor[] = [];
|
|
/**
|
|
* Whether to inject Google Analytics code for this page.
|
|
*/
|
|
export let includeAnalytics: boolean = false;
|
|
|
|
const getOrigin = (baseUrl) => {
|
|
try {
|
|
return new URL(baseUrl).origin;
|
|
} catch {
|
|
return '';
|
|
}
|
|
};
|
|
|
|
$: origin = getOrigin(baseUrl);
|
|
$: canonicalUrl = origin + pageUrl.pathname;
|
|
|
|
// Only fire analytics on prod sites
|
|
if (typeof window !== 'undefined' && includeAnalytics) {
|
|
analytics(canonicalUrl, seoTitle);
|
|
publisherTags();
|
|
}
|
|
|
|
const orgLdJson = {
|
|
'@context': 'http://schema.org',
|
|
'@type': 'NewsMediaOrganization',
|
|
'@id': 'https://www.reuters.com/#publisher',
|
|
name: 'Reuters',
|
|
logo: {
|
|
'@type': 'ImageObject',
|
|
url: 'https://s3.reutersmedia.net/resources_v2/images/reuters_social_logo.png',
|
|
width: '200',
|
|
height: '200',
|
|
},
|
|
url: 'https://www.reuters.com/',
|
|
};
|
|
|
|
const articleLdJson = {
|
|
'@context': 'http://schema.org',
|
|
'@type': 'NewsArticle',
|
|
headline: seoTitle,
|
|
url: canonicalUrl,
|
|
mainEntityOfPage: {
|
|
'@type': 'WebPage',
|
|
'@id': canonicalUrl,
|
|
},
|
|
thumbnailUrl: shareImgPath,
|
|
image: [
|
|
{
|
|
'@context': 'http://schema.org',
|
|
'@type': 'ImageObject',
|
|
url: shareImgPath,
|
|
},
|
|
],
|
|
publisher: { '@id': 'https://www.reuters.com/#publisher' },
|
|
copyrightHolder: { '@id': 'https://www.reuters.com/#publisher' },
|
|
sourceOrganization: { '@id': 'https://www.reuters.com/#publisher' },
|
|
copyrightYear: new Date().getFullYear(),
|
|
dateCreated: publishTime,
|
|
datePublished: publishTime,
|
|
dateModified: updateTime,
|
|
author: authors.map(({ name, url }) => ({
|
|
'@type': 'Person',
|
|
name,
|
|
url,
|
|
})),
|
|
articleSection: 'Graphics',
|
|
isAccessibleForFree: true,
|
|
creator: ['Reuters Graphics'],
|
|
keywords: ['Reuters graphics', 'Reuters', 'graphics', 'Interactives'],
|
|
};
|
|
</script>
|
|
|
|
<svelte:head>
|
|
<html lang="{lang}"></html>
|
|
<title>{seoTitle}</title>
|
|
<meta name="description" content="{seoDescription}" />
|
|
<link rel="canonical" href="{canonicalUrl}" />
|
|
<link
|
|
rel="shortcut icon"
|
|
type="image/x-icon"
|
|
href="https://s3.reutersmedia.net/resources_v2/images/favicon/favicon.ico"
|
|
/>
|
|
<link
|
|
rel="icon"
|
|
type="image/png"
|
|
href="https://s3.reutersmedia.net/resources_v2/images/favicon/favicon-16x16.png"
|
|
sizes="16x16"
|
|
/>
|
|
<link
|
|
rel="icon"
|
|
type="image/png"
|
|
href="https://s1.reutersmedia.net/resources_v2/images/favicon/favicon-32x32.png"
|
|
sizes="32x32"
|
|
/>
|
|
<link
|
|
rel="icon"
|
|
type="image/png"
|
|
href="https://s3.reutersmedia.net/resources_v2/images/favicon/favicon-96x96.png"
|
|
sizes="96x96"
|
|
/>
|
|
|
|
<meta property="og:url" content="{canonicalUrl}" />
|
|
<meta property="og:type" content="article" />
|
|
<meta property="og:title" content="{shareTitle}" itemprop="name" />
|
|
<meta
|
|
property="og:description"
|
|
content="{shareDescription}"
|
|
itemprop="description"
|
|
/>
|
|
<meta property="og:image" content="{shareImgPath}" itemprop="image" />
|
|
<meta property="og:site_name" content="Reuters" />
|
|
|
|
<meta name="twitter:card" content="summary_large_image" />
|
|
<meta name="twitter:site" content="@ReutersGraphics" />
|
|
<meta name="twitter:creator" content="@ReutersGraphics" />
|
|
<meta name="twitter:domain" content="{origin}" />
|
|
<meta name="twitter:title" content="{shareTitle}" />
|
|
<meta name="twitter:description" content="{shareDescription}" />
|
|
<meta name="twitter:image:src" content="{shareImgPath}" />
|
|
|
|
<meta property="fb:app_id" content="319194411438328" />
|
|
<meta property="fb:admins" content="616167736" />
|
|
<meta property="fb:admins" content="625796953" />
|
|
<meta property="fb:admins" content="571759798" />
|
|
|
|
{@html `<${'script'} type="application/ld+json">${JSON.stringify(
|
|
orgLdJson
|
|
)}</script>`}
|
|
{@html `<${'script'} type="application/ld+json">${JSON.stringify(
|
|
articleLdJson
|
|
)}</script>`}
|
|
</svelte:head>
|