與嵌入代碼

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=='); 
} 

圖片不必是相同的域。