-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathintercom2.html
67 lines (62 loc) · 3.5 KB
/
intercom2.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Intercom Integration via Segment</title>
<!-- Segment Snippet -->
<script>
!function(){var i="analytics",analytics=window[i]=window[i]||[];if(!analytics.initialize)if(analytics.invoked)window.console&&console.error&&console.error("Segment snippet included twice.");else{analytics.invoked=!0;analytics.methods=["trackSubmit","trackClick","trackLink","trackForm","pageview","identify","reset","group","track","ready","alias","debug","page","screen","once","off","on","addSourceMiddleware","addIntegrationMiddleware","setAnonymousId","addDestinationMiddleware","register"];analytics.factory=function(e){return function(){if(window[i].initialized)return window[i][e].apply(window[i],arguments);var n=Array.prototype.slice.call(arguments);if(["track","screen","alias","group","page","identify"].indexOf(e)>-1){var c=document.querySelector("link[rel='canonical']");n.push({__t:"bpc",c:c&&c.getAttribute("href")||void 0,p:location.pathname,u:location.href,s:location.search,t:document.title,r:document.referrer})}n.unshift(e);analytics.push(n);return analytics}};for(var n=0;n<analytics.methods.length;n++){var key=analytics.methods[n];analytics[key]=analytics.factory(key)}analytics.load=function(key,n){var t=document.createElement("script");t.type="text/javascript";t.async=!0;t.setAttribute("data-global-segment-analytics-key",i);t.src="https://cdn.segment.com/analytics.js/v1/" + key + "/analytics.min.js";var r=document.getElementsByTagName("script")[0];r.parentNode.insertBefore(t,r);analytics._loadOptions=n};analytics._writeKey="BFBfwkVSseE8wWFP6BtETpJJ4hu7SKS0";;analytics.SNIPPET_VERSION="5.2.0";
analytics.load("BFBfwkVSseE8wWFP6BtETpJJ4hu7SKS0");
analytics.page();
}}();
</script>
<style>
.uala-chat-support {
display: inline-block;
padding: 10px 20px;
background-color: #007bff;
color: white;
font-size: 16px;
border: none;
border-radius: 4px;
cursor: pointer;
margin: 10px;
}
.uala-chat-support:hover {
background-color: #0056b3;
}
</style>
</head>
<body>
<h1>Intercom Integration Test Page</h1>
<p>This is a sample page for testing Intercom integration via Segment.</p>
<!-- Chat Button with Visible Styles -->
<div class="uala-chat-support css-1jspyti">
Contact Chat (before intercom init)
</div>
<div class="uala-chat-support css-1jspyti">
Contact Chat 2 (before intercom init)
</div>
<!-- Add Button Dynamically -->
<button id="add-new-button" style="background-color: orange; font-weight: 900; padding: 10px; margin-top: 20px;">
Add another Chat Button
</button>
<script>
// Dynamically add a new chat button (simulate SPA behavior)
document.getElementById('add-new-button').addEventListener('click', () => {
const newButton = document.createElement('div');
newButton.className = 'uala-chat-support';
newButton.style.cssText = 'display: inline-block; padding: 10px 20px; background-color: #007bff; color: white; font-size: 16px; border: none; border-radius: 4px; cursor: pointer; margin: 10px;';
newButton.textContent = 'Dynamic Chat Button';
document.body.appendChild(newButton);
});
// Add click listener to verify button interactions
document.body.addEventListener('click', (event) => {
if (event.target.closest('.uala-chat-support')) {
console.log('Chat button clicked!');
}
});
</script>
</body>
</html>