正文 

当前位置： 首页 > 问答 >

如何通过 url 参数更改打开的图形元标记内容

     2023-02-22     193

关键词：

【中文标题】如何通过 url 参数更改打开的图形元标记内容【英文标题】：How to change open graph meta tag content via url params 【发布时间】：2021-05-06 21:39:14 【问题描述】：

我正在尝试使用 url 参数和打开图形元标记来制作自定义嵌入生成器，但是每当我将链接发布到 Discord 等网站时，它都会使用我为其设置的默认标记，而不是 url 参数的标记.有谁知道如何解决这一问题？我已经发布了代码和下面发生的示例图像。

<html prefix="og: https://ogp.me/ns#">

<head>
    <meta property="og:title" content="Title">
    <meta property="og:description" content="Description">
    <script>
        const queryString = window.location.search;
        const urlParams = new URLSearchParams(queryString);

        if (urlParams.has("title")) 
            const title = urlParams.get("title");
            document.querySelector('meta[property="og:title"]').setAttribute("content", title);
        ;

        if (urlParams.has("desc")) 
            const desc = urlParams.get("desc");
            document.querySelector('meta[property="og:description"]').setAttribute("content", desc);
        ;
    </script>
</head>

</html>

【问题讨论】：

【参考方案1】：

您不能指望抓取打开的图形数据在您的页面上执行 JS 的爬虫。唯一有效的解决方案是在服务器上呈现此 HTML。

【讨论】：

Vue JS中的打开图形元标记不显示图像

】VueJS中的打开图形元标记不显示图像【英文标题】：opengraphMetaTagsinVueJSdon\'tshowimage【发布时间】：2018-05-1807:00:27【问题描述】：我设计了一个博客，我希望在分享到社交网络时，预览图像显示为Medium\'s帖子中的样子<metaproperty... 查看详情

如何通过 Javascript 读取元数据内容？ [复制]

】如何通过Javascript读取元数据内容？[复制]【英文标题】：HowtoreadmetadatacontentviaJavascript?[duplicate]【发布时间】：2018-11-0922:02:34【问题描述】：<metaitemprop="price"content="175.03">我想在这种情况下读取元标记的内容我想要使用javasc... 查看详情

如何仅通过更改域名来重定向 URL，同时保留其他 URL 参数

】如何仅通过更改域名来重定向URL，同时保留其他URL参数【英文标题】：HowtoredirectaURLbyonlychangingthedomainname,whilekeepingotherURLparameters【发布时间】：2011-08-2220:18:32【问题描述】：我现在正在将我的网站迁移到新的主机和域，我想知... 查看详情

无法使用开放图形元标记从我的 React next.js 网站共享 Facebook/Twitter 内容

】无法使用开放图形元标记从我的Reactnext.js网站共享Facebook/Twitter内容【英文标题】：NotabletoshareFacebook/TwittercontentfrommyReactnext.jswebsiteusingopengraphmetatags【发布时间】：2021-02-1003:02:30【问题描述】：我有一个Next.js应用程序，在将内... 查看详情

如何获取 twitter:image 元标记网站的基本 URL？

】如何获取twitter:image元标记网站的基本URL？【英文标题】：HowdoIgetthebaseurlofthesitefortwitter:imagemetatag?【发布时间】：2020-08-2515:59:08【问题描述】：我在一个降价文件中有以下前题。---title:"Helloworld!"excerpt:"Loremipsumdolorsitamet"coverImage... 查看详情

通过 load() 加载内容后如何更改或附加到 URL

】通过load()加载内容后如何更改或附加到URL【英文标题】：HowtoChangeorAppendtoURLAfterContentisLoadedviaload()【发布时间】：2018-10-1321:15:27【问题描述】：我正在看一个由Codyhouse(article|demo)完成的演示，它使用loadNewContent()从另一个HTML文件... 查看详情

Ajax 片段元标记 - Googlebot 未读取页面内容

...】：2012-04-3023:18:06【问题描述】：我读过一篇文章，讲授如何让搜索引擎机器人抓取我的ajax页面，当我使用片段url#!时它工作得非常好，但现在我正在尝试创建一个“主页”没有使用下面的元标记的片段：&lt;metana 查看详情

如何使用状态值作为元标记内容？

】如何使用状态值作为元标记内容？【英文标题】：HowcanIusestatevaluesasMetatagcontent?【发布时间】：2022-01-1610:19:55【问题描述】：我想要一个页面链接，以便在共享时预览图像和标题。为此目的使用NextjsHead组件。我在页面加载时获... 查看详情

交互后如何获取iframe的刷新src

】交互后如何获取iframe的刷新src【英文标题】：Howtogetiframe\'srefreshedsrcafterinteracting【发布时间】：2019-10-2301:55:52【问题描述】：我有一个与Grafana图形链接的iframe标记，它支持交互（通过单击/双击iframe在x轴上放大/缩小）。当我... 查看详情

假设我无法通过图形 api 获取全局用户 ID，如何使用应用程序打开 facebook url

】假设我无法通过图形api获取全局用户ID，如何使用应用程序打开facebookurl【英文标题】：HowdoIopenfacebookurlwithappassumingthatIcan\'tgetglobaluserIdviagraphapi【发布时间】：2018-12-0803:56:36【问题描述】：我正在尝试获得访问用户公开个人资... 查看详情

如何通过迅雷下载url地址的内容？

有的url能下，但是有的不能啊？这是怎么回事？参考技术A两个方法，1、先打开迅雷，然后复制url地址，迅雷会自动提示下载。2、先复制url地址，然后打开迅雷，点击左上角“新建”，然后把地址黏贴到地址栏。OK 参考技术B复... 查看详情

如何通过joomla中的组件更改模板位置的内容

】如何通过joomla中的组件更改模板位置的内容【英文标题】：howtochangecontentoftemplatepostionbyacomponentinjoomla【发布时间】：2018-02-1911:36:34【问题描述】：我需要的是，当组件运行时，组件改变位置的内容。例如，当url为：index.php?opti... 查看详情

如何通过 url 中的查询字符串添加苹果地图标记？

】如何通过url中的查询字符串添加苹果地图标记？【英文标题】：Howtoaddapplemapmarkerviaquerystringintheurl?【发布时间】：2013-11-0208:23:30【问题描述】：当我使用url链接从我的应用程序打开iPhone上的地图时，我想在地图应用程序中添加... 查看详情

如何在 Cheerio 中选择元标记并获取内容值？

】如何在Cheerio中选择元标记并获取内容值？【英文标题】：HowtoselectthemetatagsandgetthecontentvalueinCheerio?【发布时间】：2021-02-1314:40:49【问题描述】：我想选择带有og:title属性的元标记并从中获取内容文本值，即SilverSurfer，我不知道... 查看详情

通过 URL 传递变量以更改源标记

】通过URL传递变量以更改源标记【英文标题】：PassingVariablesviaURLtochangesourcetag【发布时间】：2015-04-0615:41:54【问题描述】：我有15个视频需要展示。与其创建15个页面，每个html5视频嵌入针对不同的视频，我宁愿只有一个页面，并... 查看详情

如何使用 PHP 或 JavaScript 在网页正文中显示描述元标记的内容？

】如何使用PHP或JavaScript在网页正文中显示描述元标记的内容？【英文标题】：HowcanIuseeitherPHPorJavaScripttodisplaythecontentsofthedescriptionmetataginthebodytextofawebpage?【发布时间】：2021-01-0219:39:07【问题描述】：我的网站以包含元信息、页面... 查看详情

Google Maps API：通过单击标记打开 url

】GoogleMapsAPI：通过单击标记打开url【英文标题】：GoogleMapsAPI:openurlbyclickingonmarker【发布时间】：2012-02-0421:33:54【问题描述】：我想通过点击使用GoogleMapsAPI3的标记打开一个新窗口。不幸的是，GoogleMapsAPI的示例并不多，我发现了... 查看详情

如何通过Javascript更改伪：before元素的内容值[重复]

】如何通过Javascript更改伪：before元素的内容值[重复]【英文标题】：Howchangecontentvalueofpseudo:beforeelementbyJavascript[duplicate]【发布时间】：2012-05-1617:42:27【问题描述】：我有由CSS构建的grap，它是由JS动态更改的。我通过伪元素将图形... 查看详情