使用嵌入代码跟踪访问

Question

我有一个嵌入代码：

<div id="lfc598438abae8b2" class="lf-container" lf-include-html="https://s3.amazonaws.com/leadformlyimages/form/39246.html" data-token="POuG8EIhbpdHUWZNosZYwOJmqXBadeAEuR9Hsw6t+39246" data-embed-type="simple" lf-elements="2"></div><script type="text/javascript">if(document.getElementById("lf-load-scripts")==null){var s = document.createElement("script");s.id="lf-load-scripts";s.type = "text/javascript";s.src = "//d2erq0e4xljvr7.cloudfront.net/assets/js/leadformly-embed_advance.min.js";document.body.appendChild(s);}</script>

示例 嵌入 jsfiddle - https://jsfiddle.net/zfr8jbj7/

此代码从 S3 和 cloudfront 生成表单。我需要跟踪访问此表单的次数。所以，例如。我将这段代码嵌入到一个网站中 - example.com。

因此，需要跟踪人们访问 example.com 的次数。

我尝试在 javascript 中添加一个 AJAX 请求，但它给出了跨源问题。

有没有办法从 S3 获得访问次数？或者某种方式调用API或Laravel端点以通过javascript增加表单的数量？

Answer 1

Domain1：添加代码<img src="http://domain2.com/track">

域 2：添加路由Route::get('/track', 'IndexController@track')->name('track');

和行动：

public function track(Request $request) {
// increase stored number here
header('Content-Type: image/gif');
return base64_decode('R0lGODlhAQABAJAAAP8AAAAAACH5BAUQAAAALAAAAAABAAEAAAICBAEAOw==');
}

图像不需要属于同一域。