💇🏿 ☔️ 🤱🏾 सरल कॉल ट्रैकिंग सेवा बनाना, भाग 1 🌍 🛡️ 🐢

लेख साइट पर कॉल ट्रैकिंग को लागू करने के संभावित विकल्पों में से एक पर विचार करेगा। यह सामग्री विशुद्ध रूप से शैक्षिक उद्देश्यों के लिए लिखी गई थी और कॉलगर्ल सेवा प्रदान करने वाली मौजूदा विशेष सेवाओं को बदलने के उद्देश्य को पूरा नहीं करती है।

कार्यात्मक आवश्यकताएँ

सेवा को साइट पर संक्रमण के स्रोत द्वारा संख्याओं (संख्याओं) को बदलने की क्षमता प्रदान करनी चाहिए - खोज इंजनों से संक्रमण, विज्ञापन के लिए संक्रमण, यूटीएम टैग के साथ लिंक का मार्ग।
सेवा को साइट आगंतुक को प्रदर्शित संख्या को ठीक करना चाहिए और इस नंबर को आगे की यात्रा पर प्रदर्शित करना चाहिए।
प्रदर्शित नंबर पर कॉल शुरू करते समय, सेवा को Google Analytics में किसी ईवेंट के निर्माण की शुरुआत करनी चाहिए।

सामान्य यांत्रिकी

जब आप साइट पर जाते हैं, तो हम संक्रमण के स्रोत को निर्धारित करते हैं, और फिर जांचते हैं कि क्या संख्या इस आगंतुक को दी गई है। यदि आगंतुक पहली बार साइट पर गया था, तो हम उसे एक विशिष्ट पहचानकर्ता प्रदान करते हैं, जिसके बाद हम इस संदर्भ स्रोत से संबंधित संख्याओं के पूल से एक नंबर असाइन करते हैं। भविष्य में, जब आगंतुक साइट पर लौटता है, तो हम उसे पहले सौंपी गई संख्या प्रदर्शित करते हैं।

मैं कॉल लॉग पर ध्यान देना चाहूंगा। नंबर को बदलना, इसे उपयोगकर्ता को सौंपना एक तकनीकी समस्या है, मुख्य बात यह है कि किसी विशिष्ट कॉल और उस नंबर की तुलना करने में सक्षम हो जो वर्तमान में उपयोगकर्ता को सौंपा गया है। यदि उपयोग की गई टेलीफोनी आपको निरंतर आधार पर चल रही कॉल पर विस्तृत जानकारी प्राप्त करने की अनुमति देती है, तो किसी विशिष्ट नंबर पर कॉल के क्षण को जानने और उस उपयोगकर्ता के साइट पर उस पल में किस नंबर को प्रदर्शित किया गया, इसकी जानकारी प्राप्त करने के लिए, Google Analytics में एक ईवेंट के निर्माण की शुरुआत करना और इसे ROK के साथ जोड़ना संभव है।

संरचना

ct-server.ru - एक निष्पादन योग्य वेब सेवा स्क्रिप्ट यहां रखी जाएगी, कमरे की सेटिंग्स और लॉगिंग आगंतुकों के लिए एक डेटाबेस;
refer-to-site-with-ct-code.ru - इस साइट पर हम खोज नेटवर्क से संक्रमण का अनुकरण करेंगे;
site-with-ct-code.ru - वह साइट जिस पर नंबर प्रतिस्थापन स्क्रिप्ट रखी जाएगी।

चलिए शुरू करते हैं

नीचे दिए गए उदाहरण को स्थानीय सर्वर पर लागू किया जाएगा।

एक वर्चुअल होस्ट साइट बनाएं-with-ct-code.ru , जिसमें हम निम्नलिखित सामग्रियों की index.html फ़ाइल डालते हैं।

<!DOCTYPE HTML> <html> <head> <meta charset='utf-8'> <title>CT</title> <script src="http://ct-server.ru/script.js"></script> <script> //  google id document.cookie = '_ga=GA1.2.1212121212.1212121212; expires=Thu, 18 Dec 2077 12:00:00 UTC; path=/'; </script> </head> <body> <p id='calltracking'>79000000000</p> </body> </html>

जैसा कि आप उदाहरण से देख सकते हैं, हम एक बाहरी स्क्रिप्ट ct-server.ru/script.js कनेक्ट करते हैं, जो साइट-with-ct-code.ru और ct-server.ru के बीच "संचार" करेगा , साथ ही साइट के DOM ट्री के साथ इंटरैक्ट करेगा। site-with-ct-code.ru तत्व की आईडी द्वारा नंबर को प्रतिस्थापित किया जाएगा - 'कॉलट्रैकिंग'।

अब एक refer-to-site-with-ct-code.ru बनाएं , जिसमें रेफ़र से संक्रमण पर पिन नंबर की जांच करने की क्षमता के लिए साइट-with-ct-code.ru का लिंक होगा।

 <!DOCTYPE HTML> <html> <head> <meta charset='utf-8'> <title>CT</title> </head> <body> <a href="http://site-with-ct-code.ru"></a> </body> </html>

उसके बाद, हम मेजबान ct-server.ru को बढ़ाएंगे , जिसमें निम्नलिखित संरचना होगी:

index.php - एक निष्पादन योग्य स्क्रिप्ट फ़ाइल जो साइट-with-ct-code.ru से पोस्ट अनुरोध स्वीकार करेगी और डेटाबेस के साथ बातचीत करेगी;

script.js - स्क्रिप्ट फ़ाइल जो उन साइटों पर कनेक्ट की जाएगी जहां नंबर प्रतिस्थापन किया जाएगा।

डेटाबेस

हमें दो प्लेट बनाने की आवश्यकता होगी। Ct टेबल में हम नंबर और सेटिंग को उनके डिस्प्ले के लिए स्टोर करेंगे, नंबर टेबल में हम नंबर के डिस्प्ले को लॉग करेंगे।

 CREATE TABLE `ct` ( `id` int(11) NOT NULL, `phone` varchar(200) NOT NULL, `refer` varchar(200) NOT NULL, `utm` varchar(200) NOT NULL, `host` varchar(200) NOT NULL, `ga` varchar(200) NOT NULL, `login` varchar(200) NOT NULL ) ENGINE=InnoDB DEFAULT CHARSET=utf8; ALTER TABLE `ct` ADD PRIMARY KEY (`id`), ADD UNIQUE KEY `id` (`id`); ALTER TABLE `ct` MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=1;

जोड़ा क्षेत्रों की एक छोटी व्याख्या:

फोन - प्रतिस्थापित फोन नंबर;
संदर्भ - संक्रमण का स्रोत;
utm - उस पृष्ठ से लिंक जिस पर नंबर प्रतिस्थापन होना चाहिए;
होस्ट - वह साइट जिस पर नंबर प्रतिस्थापन स्क्रिप्ट स्थित है;
Google Analytics काउंटर का आईडी - आईडी;
लॉगिन - संख्या के मालिक का लॉगिन।

डेटा के साथ प्लेट भरें।

 INSERT INTO `ct` (`id`, `phone`, `refer`, `utm`, `host`, `ga`, `login`) VALUES (2, '78000000001', '', 'http://site-with-ct-code.ru/?utm_medium=cpc', 'http://site-with-ct-code.ru', 'UA-12345678-1', ''), (3, '78000000002', 'http://refer-to-site-with-ct-code.ru/', 'http://site-with-ct-code.ru/', 'http://site-with-ct-code.ru', 'UA-12345678-1', ''), (4, '78000000003', 'http://refer-to-site-with-ct-code.ru/', 'http://site-with-ct-code.ru/', 'http://site-with-ct-code.ru', 'UA-12345678-1', ''), (5, '78000000004', 'http://refer-to-site-with-ct-code.ru/', 'http://site-with-ct-code.ru/', 'http://site-with-ct-code.ru', 'UA-12345678-1', ''), (6, '78000000005', '', 'http://site-with-ct-code.ru/', 'http://site-with-ct-code.ru', 'UA-12345678-1', '');

अब नंबर प्लेट बनाएं।

 CREATE TABLE `numbers` ( `id` int(11) NOT NULL, `phone` varchar(200) DEFAULT NULL, `ct_user` varchar(200) DEFAULT NULL, `refer` varchar(200) DEFAULT NULL, `gid` varchar(200) DEFAULT NULL, `page` varchar(200) DEFAULT NULL, `time` datetime NOT NULL DEFAULT CURRENT_TIMESTAMP ) ENGINE=InnoDB DEFAULT CHARSET=utf8; ALTER TABLE `numbers` ADD PRIMARY KEY (`id`), ADD UNIQUE KEY `id` (`id`), ALTER TABLE `numbers` MODIFY `id` int(11) NOT NULL AUTO_INCREMENT;COMMIT;

इस प्लेट में हम साइट पर कौन सा विज़िटर, कौन सी संख्या और किस समय पर प्रदर्शित होता है, रिकॉर्ड करेंगे। भविष्य में, लक्ष्य कार्रवाई शुरू करने के लिए कॉल लॉग के साथ इस डेटा की तुलना की जा सकती है - Google Analytics को एक ईवेंट भेजना, सीआरएम में लीड बनाना, ईमेल भेजना आदि।

फ़ोन - फ़ोन नंबर;
ct_user - विज़िटर आईडी;
संदर्भ - संक्रमण का स्रोत;
gid - Google Analytics कुकी
पृष्ठ - वह पृष्ठ जिस पर संख्या प्रदर्शित होती है;
समय - संख्या प्रदर्शन समय।

एक अनुरोध हैंडलर बनाएँ

Ct-server.ru वेब सेवा और स्क्रिप्ट की मेजबानी करने वाली साइट के बीच की बातचीत क्रॉस-डोमेन XHR (XMLHttpRequest) POST अनुरोधों के माध्यम से की जाएगी।

चलिए पहले निर्मित ct-server.ru/index.php फ़ाइल खोलें और अनुमति प्राप्त होस्ट से डेटा प्राप्त करने के लिए एक चेक जोड़ें, हमारे मामले में यह साइट-with-ct-code.ru , site-with-ct-code2.ru और साइट के साथ है -ct-code3.ru

 <?php if (isset($_SERVER["HTTP_ORIGIN"]) === true) { $host = $_SERVER["HTTP_ORIGIN"]; //   $allowHosts = array("http://site-with-ct-code.ru", "http://site-with-ct-code2.ru", "http://site-with-ct-code3.ru"); if (in_array($host, $allowHosts, true) === true) { header('Access-Control-Allow-Origin: ' . $host); header('Access-Control-Allow-Credentials: true'); header('Access-Control-Allow-Methods: POST'); header('Access-Control-Allow-Headers: Content-Type'); //    post-      } if ($_SERVER["REQUEST_METHOD"] === "OPTIONS") { exit; } } ?>

हम POST अनुरोधों के चर मानों में लिखते हैं जो साइट-with-ct-code.ru से आए थे

 $phone = $_POST["phone"]; $ct_user = $_POST["ct_user"]; $gid = $_POST["gid"]; $refer = $_POST["ref"]; $page = $_POST["page"];

कुक _ga का फॉर्म _ga = GA1.2.1212121212.12.121212121212 है, हम इसे "1212121212.121212121212" फॉर्म में लाएंगे।

 if ($gid) { $pos = strpos($gid, '.', strpos($gid, '.') + 1); $gid = substr($gid, $pos + 1); }

हम उस डेटाबेस से एक कनेक्शन स्थापित करेंगे जहां हमने पहले अपनी टेबल बनाई थी।

 $conn = new mysqli("localhost", "root", "", "calltracking"); if ($conn->connect_error) { die("Connection failed: " . $conn->connect_error); }

वेब सेवा के साथ सहभागिता दो विधियों - get_num_first और get_num के माध्यम से होगी।

Get_num_first विधि तब कहा जाता है जब आगंतुक पहली बार मापदंड, मेल, रेफ़रर, यूटीएम, होस्ट के अनुसार डेटाबेस से चयन करके नंबर प्राप्त करने के लिए साइट के साथ इंटरैक्ट करता है। यदि चयन परिणाम एक मान देता है, तो हम फोन नंबर प्रदर्शित करते हैं।

इसके अलावा, हम Google Analytics प्रोटोकॉल के माध्यम से Google Analytics को ईवेंट भेजते हैं। ऑफ़लाइन कार्यों पर नज़र रखने के लिए एक ही विधि लागू होती है, भविष्य में इसका उपयोग कॉल लॉग और संख्या तालिका में संख्या लॉग की तुलना करते समय किया जा सकता है।

 if ($_POST['method'] == 'get_num_first') { $sql = "SELECT * FROM `ct` where `host` = '" . $host . "' and `refer` = '" . $refer . "' and `utm` = '" . $page . "' ORDER BY RAND() LIMIT 1 "; $result = $conn->query($sql); if ($result->num_rows > 0) { while ($row = $result->fetch_assoc()) { print_r($row["phone"]); $event = file_get_contents('https://www.google-analytics.com/collect?v=1&tid=UA-12345678-1&cid=' . $gid . '&t=event&ec=GetNumber&ea=number&z=' . $row["phone"] . ''); } } else { //echo "0"; $sql = "SELECT * FROM `ct` where `host` = '" . $host . "' and `refer` = '" . $refer . "' ORDER BY RAND() LIMIT 1 "; $result = $conn->query($sql); print_r($row["phone"]); $event = file_get_contents('https://www.google-analytics.com/collect?v=1&tid=UA-12345678-1&cid=' . $gid . '&t=event&ec=GetNumber&ea=number&z=' . $row["phone"] . ''); } }

नंबर तालिका में प्रविष्टियों को लॉग करने के लिए get_num विधि की आवश्यकता होती है।

 else if ($_POST['method'] == 'get_num') { $sql = "INSERT INTO `numbers` (`phone`, `ct_user`, `gid`, `refer`,`page`) VALUES ( '" . $phone . "', '" . $ct_user . "', '" . $gid . "', '" . $refer . "', '" . $page . "');"; $result = $conn->query($sql); $sql = "SELECT * FROM `numbers` where `ct_user` = '" . $ct_user . "' ORDER BY `id` DESC LIMIT 1 "; $result = $conn->query($sql); if ($result->num_rows > 0) { while ($row = $result->fetch_assoc()) { print_r($row["phone"]); $event = file_get_contents('https://www.google-analytics.com/collect?v=1&tid=UA-12345678-1&cid=' . $gid . '&t=event&ec=ShowNumber&ea=number&z=' . $row["phone"] . ''); } } else { //echo "0"; } } $conn->close();

नंबर प्रतिस्थापन स्क्रिप्ट

अगला, हम ct-server.ru/script.js स्क्रिप्ट पर जाएँगे, जिसे हम साइट-with-ct-code.ru पर कनेक्ट करते हैं।

शुरू करने के लिए, आइए कुकीज़ बनाने के लिए दो कार्य करें - सेटकुकी और गेटकॉकी बनाने के लिए। हम उन्हें उपयोगकर्ता और फोन नंबर की कुकी आईडी को रिकॉर्ड करने और प्राप्त करने के लिए उपयोग करेंगे।

 //  function setcookie(phone, value, expires, path, domain, secure) { document.cookie = phone + "=" + escape(value) + (expires ? "; expires=" + new Date(expires) : "") + (path ? "; path=" + path : "") + (domain ? "; domain=" + domain : "") + (secure ? "; secure" : ""); } //  function getcookie(phone) { var cookie = " " + document.cookie; var search = " " + phone + "="; var setStr = null; var offset = 0; var end = 0; if (cookie.length > 0) { offset = cookie.indexOf(search); if (offset != -1) { offset += search.length; end = cookie.indexOf(";", offset); if (end == -1) { end = cookie.length; } setStr = unescape(cookie.substring(offset, end)); } } return setStr; }

उसके बाद, उपयोगकर्ता के लिए आईडी बनाने के लिए मेकड फ़ंक्शन को जोड़ें।

 // id  function makeid(length) { var result = ""; var user_id = "abcdefghijklmnopqrstuvwxyz0123456789"; var user_idLength = user_id.length; for (var i = 0; i < length; i++) { result += user_id.charAt(Math.floor(Math.random() * user_idLength)); } return result; }

अब 33-अंकीय यूजर आईडी वाले कुकीज़ को उत्पन्न करने के लिए एक फंक्शन बनाते हैं।

 // id  function generateuser_id() { var ct_user_id = makeid(33); setcookie("ct_user", ct_user_id, new Date().getTime() + 60 * 60 * 1000); //  }

परिणामस्वरूप ct_user कुकी 1 घंटे के लिए संग्रहीत की जाती है।

हम get_num_first विधि के माध्यम से एक संख्या के लिए अनुरोध उत्पन्न करने के लिए आगे बढ़ते हैं। Ct-server.ru से परिणामी संख्या को कुकी में 1 घंटे के लिए लिखा जाता है और हम तत्व की आईडी द्वारा पृष्ठ पर संख्या का पहला प्रतिस्थापन करते हैं।

 //    ,  ,       id  function getNumberFirstTime() { var method = "get_num_first"; var ct_user = getcookie("ct_user"); var gid = getcookie("_ga"); var ref = document.referrer; var host = window.location.origin; var page = document.location.href; var xhr = new XMLHttpRequest(); var body = "&method=" + encodeURIComponent(method) + "&page=" + encodeURIComponent(page) + "&ct_user=" + encodeURIComponent(ct_user) + "&ref=" + encodeURIComponent(ref) + "&host=" + encodeURIComponent(host) + "&gid=" + encodeURIComponent(gid); xhr.open("POST", "http://ct-server.ru", true); xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); xhr.withCredentials = true; xhr.send(body); xhr.onreadystatechange = function() { //console.log(xhr.responseText); var t = xhr.responseText; document.getElementById("calltracking").innerHTML = t; setcookie("phone", t, new Date().getTime() + 60 * 60 * 1000); //  }; }

आइए एक फ़ंक्शन बनाएं जो समय-समय पर प्रदर्शित संख्या, उपयोगकर्ता आईडी, पृष्ठ पता, Google विश्लेषिकी कुकी मूल्य, ct-server.ru के लिए रेफरल स्रोत भेजेगा।

 function getNumberPeriodically() { var method = "get_num"; var ct_user = getcookie("ct_user"); var phone = getcookie("phone"); var gid = getcookie("_ga"); var ref = document.referrer; var page = document.location.href; var host = window.location.origin; var xhr = new XMLHttpRequest(); var body = "&method=" + encodeURIComponent(method) + "&page=" + encodeURIComponent(page) + "&ct_user=" + encodeURIComponent(ct_user) + "&ref=" + encodeURIComponent(ref) + "&host=" + encodeURIComponent(host) + "&phone=" + encodeURIComponent(phone) + "&gid=" + encodeURIComponent(gid); xhr.open("POST", "http://ct-server.ru", true); xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); xhr.withCredentials = true; xhr.send(body); xhr.onreadystatechange = function() { //console.log(xhr.responseText); var t = xhr.responseText; //document.getElementById('calltracking').innerHTML = t; }; }

अंत में, हम sendToCalltracking फ़ंक्शन को जोड़ते हैं, जो कुकी फोन नंबर और उपयोगकर्ता आईडी की उपस्थिति की जांच करता है।

 function sendToCalltracking() { var ggg = getcookie("ct_user"); var ccc = getcookie("phone"); var gac = getcookie("_ga"); if ( typeof ggg === "undefined" || ggg === null || ccc === "undefined" || ccc === null || ccc.length < 1 || ggg.length < 1 || ccc === "" || ggg === "" ) { //console.log('false'); generateuser_id(); getNumberFirstTime(); } else { //console.log('true'); document.getElementById("calltracking").innerHTML = ccc; getNumberPeriodically(); } }

स्क्रिप्ट की शुरुआत में, हम अपने फ़ंक्शन को टाइमर कहते हैं।

 var myTimer = setTimeout(sendToCalltracking, 500); //        setInterval(sendToCalltracking, 1 * 60 * 1000);

यदि अगले ऑपरेशन के दौरान कुकीज़ हटा दी जाती हैं, तो फ़ंक्शन होस्ट और स्रोत द्वारा प्राप्त चयन के अनुसार आगंतुक को एक नया असाइन करेगा। इसके अतिरिक्त, स्थानीयस्टोर ब्राउज़र को प्राप्त मान लिखना संभव है।

एक मिनट में, स्क्रिप्ट कुकी नंबर और उपयोगकर्ता आईडी के मूल्य को उस पृष्ठ को इंगित करेगी, जिस पर इसे फिर से लोड किए बिना लागू किया गया था। यह समझा जाता है कि स्क्रिप्ट को डोमेन के सभी पृष्ठों पर रखा जाएगा।

अगले लेख में, हम संख्याओं को जोड़ने और कॉन्फ़िगर करने के लिए एक सरल इंटरफ़ेस के विकास पर चर्चा करेंगे।

सरल कॉल ट्रैकिंग सेवा बनाना, भाग 1