动态 og：带有原始页面变量的图像答案

【问题标题】：Dynamic og:image with Variables from original page动态 og：带有原始页面变量的图像
【发布时间】：2018-12-26 22:11:46
【问题描述】：

我一直在努力在网上找到有关此主题的任何资源，所以我想我会开始讨论。我很好奇如何根据原始 URL 中的数据使 og:image 成为动态的。例如，trustpilot.com 对每个显示网站名称和评级的网站都有一个动态 og:image。我自己尝试了一个获取请求，该请求将包含图像的必要信息，然后被重定向到另一个生成图像的 URL，然后最终将您重定向到新创建的图像，但它并没有真正起作用我曾预料到...提前致谢

【问题讨论】：

原始网址？如...不同的 og:image 取决于引用者？
是的@AlexM，生成的图像将是动态的。因此，对于 Trustpilot（示例），og:image 对于每个网站的状态都是动态的。如果这是有道理的......
在这种情况下，kyleplo 的回答就可以了，只需将 $_GET['text'] 替换为 $_SERVER['HTTP_REFERER'] （或者框架提供的任何内容，如果你使用的话）

标签： javascript php html meta

【解决方案1】：

他们可能在他们的服务器上运行了一些代码来查看查询参数并生成图像。这就是你在 PHP 中的做法：

<?php

header("Content-type: image/png");
$string = $_GET['text'];
$im = imagecreate(400, 30);
$textcolor = imagecolorallocate($im, 0, 0, 0);
imagestring($im, 5, 0, 0, $text, $textcolor);
imagepng($im);
imagedestroy($im);

?>

然后将您的og:image 设置为yourwebsite.com/generateImage.php?text=Example%20text

【讨论】：

非常感谢 :) 我会试一试，一旦我得到它的工作，我会接受答案，只是为了保持讨论的开放。