All Questions
Tagged with meta-tags javascript
264
questions
0
votes
1
answer
45
views
How to delay rendering of Open Graph meta tags until API call completes in Vue.js?
I'm working on a Vue.js application where I need to dynamically set Open Graph (OG) meta tags based on data fetched from an API. The OG tags are necessary for social media sharing (e.g., Facebook, ...
1
vote
0
answers
34
views
Multiple og meta tags on single page
I have a single page on my site suppose example.com/content . That page have a tab contents like tab1 and tab2. When user visit example.com/content#tab1 the tab1 will be active and the tab2 content ...
0
votes
1
answer
48
views
How to add paypal subscription button to my chrome extension?
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<...
0
votes
0
answers
29
views
JS Meta tags placement for social share?
I trying to make single-file static github page for my own with different content by url parameters.
And I tried do different meta tags from this params, but any websites (excluding toolsaday open-...
0
votes
0
answers
199
views
remove meta tag or replace in next js
I am using the service https://reqbin.com/curl and it says that I have an error because of the capital letter in the tag attribute.
The attribute name of [ charSet ] must be in lowercase
I tried to ...
0
votes
2
answers
140
views
Inject HTML metadata into a URL loaded in Cypress
I want to write Cypress tests for a website that is being loaded as an iFrame in a parent environment. The parent environment injects metatags when loading the site, and I need to replicate this ...
1
vote
0
answers
338
views
Next.js Dynamic Link Social Media preview Opengraph
I am working on a Next.js project (version 13, pages router (not app)) where I need to implement dynamic previews similar to YouTube or StackOverflow. Specifically, my goal is to generate different ...
0
votes
0
answers
172
views
iMessage User Agent firing crawler twice
I've been building an express server to filter our crawlers from normal users to display very specific meta information. I've got a very large crawler list (JSON) that I use pattern matching on to ...
-1
votes
2
answers
102
views
How to insert specific strings from page into meta tags with JavaScript?
I need this for SEO purposes. A small amount of pages on the website I'm working on, get generated dynamically, but their meta data is very generic - even though 5 of theses (different) pages have ...
1
vote
1
answer
610
views
How to dynamically update meta tags in Remix.run?
I just started to play with Remix.run and got stuck while trying to update the meta title :
import { useState, useEffect } from "react";
export const meta = () => {
return [
{ ...
0
votes
1
answer
883
views
Vue3 specify thumbnail image in meta tags
In a Vue 3 project, I am trying to implement an image thumbnail in the head section.
I have tried different ways:
<meta name="thumbnail" content="<%= BASE_URL %>assets/images/...
0
votes
1
answer
506
views
Update `theme-color` when class/theme of page is toggled
I have a Javascript toggle that adds/removes classes on the html element to change the colour/theme of my page. 1st (no class) = white, the 2nd (.dark-mode) theme is black, the 3rd (.retro) is beige.
...
0
votes
2
answers
4k
views
Next.JS dynamic meta tags
I added some dynamic meta tags for a page in my next.js application.
import CoinTossPage from '@/views/CoinTossPage';
import React, { useEffect, useState } from 'react';
import Head from 'next/...
5
votes
0
answers
267
views
What is the best way to avoid repeated processing in generateMetadata function in Nextjs 13?
Remove duplicate handling of generateMetadata in Nextjs 13 (Using App Route)
Hello,
I'm having a problem with Nextjs 13's generateMetadata (Using App Router).
In page.js I get the slug from the URL ...
0
votes
1
answer
2k
views
Content Security Policy (CSP) blocking my local script
I'm creating a website as a personal project and I preview the website through live preview in VSCode. I added the CSP meta tag in the header section of the html document like this:
<meta http-...