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">

Domain2：添加路由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==');
}

图片不需要属于同一个域。

使用嵌入代码跟踪访问

1 个答案: