javascript - 我可以使用自定义 URL 和图像创建动态元图像吗？

Question

如果您更改图片 URL 末尾的名称，我遇到了一个可以动态更改图像的工具。

例如，https://img1.niftyimages.com/3kw/eoto/qwjd?name=john%20smith

我想做的是向约翰史密斯发送类似的东西

https://website.com?utm_campaign=mike

并且 Mikes 的名字会加载到元图像中。

<meta name="twitter:image" content="https://img1.niftyimages.com/3kw/eoto/qwjd?name=mike" />

我目前已经在 PHP 和 Javascript 中对此进行了测试。

PHP：

<?php

$url = "https://img1.niftyimages.com/3kw/eoto/qwjd?name=";
$utm = "utm_campaign";
echo "$url$utm";

?>

<meta name="twitter:image" content="$url$utm" />

Javascript：

<script type="text/javascript">

var url_string = "https://www.first-website.com?utm_campaign=mike"; //window.location.href
var url = new URL(url_string);
var A = url.searchParams.get("utm_campaign");
var B = "https://img1.niftyimages.com/3kw/eoto/qwjd?name=";
var image = B+A;

document.write('<meta name="twitter:image" content="' + image + '" />');
    }
})();

</script>

仅供参考，我是一个完整的 n00b