javascript - 动态 og :image with Variables from original page

Question

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

Answer 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