与嵌入代码

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

域1：添加代码<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=='); 
} 

图片不必是相同的域。