-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathexample_index.html
107 lines (76 loc) · 8.7 KB
/
example_index.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
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
<html><head>
<title>Social Network Login Status Detector Demo</title>
<meta name="description" content="A demo showing how websites can detect which Social Networks a visitor is logged into.">
<meta property="og:title" content="Social Network Login Status Detector">
<meta property="og:type" content="article">
<meta property="og:site_name" content="Tom Anthony">
<meta property="og:description" content="A demo showing how websites can detect which Social Networks a visitor is logged into.">
<link rel="stylesheet" href="bootstrap.min.css">
<link rel="stylesheet" href="styles.css">
<script src="https://apis.google.com/_/scs/apps-static/_/js/k=oz.gapi.es.t_iH81fwY9g.O/m=auth/exm=plusone/rt=j/sv=1/d=1/ed=1/am=wQE/rs=AGLTcCMwWX0iSjUyz4Y2RGsMVvbmwCC09g/cb=gapi.loaded_1" async=""></script><script src="https://apis.google.com/_/scs/apps-static/_/js/k=oz.gapi.es.t_iH81fwY9g.O/m=plusone/rt=j/sv=1/d=1/ed=1/am=wQE/rs=AGLTcCMwWX0iSjUyz4Y2RGsMVvbmwCC09g/cb=gapi.loaded_0" async=""></script><script type="text/javascript" async="" src="https://apis.google.com/js/plusone.js" gapi_processed="true"></script><script type="text/javascript" async="" src="https://ssl.google-analytics.com/ga.js"></script><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="https://platform.twitter.com/widgets.js?ver=1.1"></script>
<script type="text/javascript">
function show_login_status(network, status)
{
if (status)
{
$("#" + network + "Status").html("You are currently logged in to <span class='red'>" + network + "</span>");
}else{
$("#" + network + "Status").html("You are not currently logged in to <span class='green'>" + network + "</span>");
}
}
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-24776145-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<script charset="utf-8" src="https://platform.twitter.com/js/button.d941c9a422e2e3faf474b82a1f39e936.js"></script></head>
<body>
<div class="container">
<section>
<div class="row">
<div class="span16">
<div class="page-header">
<h1>Social Network Login Status Detector Demo</h1>
</div>
<p>This is a demonstration of how a website can detect which Social Networks a user is logged into when they visit. In my tests it seems to work in all the major browsers (Firefox, Chrome, IE 7+, Safari and Opera).</p>
<p>For details please see my post on <a href="https://www.tomanthony.co.uk/blog/detect-visitor-social-networks/">how to detect which social networks your visitors are logged into</a>.</p>
<p></p>
<div id="FacebookStatus" class="outputStatus">You are currently logged in to <span class="red">Facebook</span></div>
<div id="TwitterStatus" class="outputStatus">You are not currently logged in to <span class="green">Twitter</span></div>
<div id="GoogleStatus" class="outputStatus">You are currently logged in to <span class="red">Google</span></div>
<div id="GooglePlusStatus" class="outputStatus">You are not currently logged in to <span class="green">GooglePlus</span></div>
<p>If you want to prevent sites from being able to detect this then for Firefox you can try <a href="https://addons.mozilla.org/en-US/firefox/addon/requestpolicy/">RequestPolicy</a> or <a href="https://addons.mozilla.org/en-US/firefox/addon/noscript/">NoScript</a>. For Chrome you can give <a href="https://chrome.google.com/webstore/detail/oiigbmnaadbkfbmpbfijlflahbdbdgdf/reviews">ScriptNo</a> a shot. On IE you can try giving Firefox or Chrome a try. ;)</p>
</div>
</div>
</section>
</div>
<img style="display:none;" onload="show_login_status('Google', true)" onerror="show_login_status('Google', false)" src="https://accounts.google.com/CheckCookie?continue=https://www.google.com/intl/en/images/logos/accounts_logo.png">
<img style="display:none;" onload="show_login_status('GooglePlus', true)" onerror="show_login_status('GooglePlus', false)" src="https://plus.google.com/up/?continue=https://www.google.com/intl/en/images/logos/accounts_logo.png&type=st&gpsrc=ogpy0">
<img style="display:none;" src="https://twitter.com/login?redirect_after_login=https%3A%2F%2Fblog.twitter.com%2Fcontent%2Fdam%2Fblog-twitter%2Fofficial%2Fen_us%2Fproducts%2F2017%2F280%2Ftweetingmadeeasier%2FNov%25207%2520280%2520Launch%2520Chart.png.img.fullhd.medium.png" onload="show_login_status('Twitter', true)" onerror="show_login_status('Twitter', false)">
<img style="display:none;" src="https://m.facebook.com/login/?next=https://m.facebook.com/images/litestand/bookmarks/sidebar/icons/mobile/icon-instagram-gray.png" onload="show_login_status('Facebook', true)" onerror="show_login_status('Facebook', false)">
<div class="container">
<footer>
<div class="row">
<div class="span8">
<p>This demo was built by <a href="https://twitter.com/TomAnthonySEO">@TomAnthonySEO</a>. </p>
</div>
<div class="span8">
<div class="plusone"><div id="___plusone_0" style="position: absolute; width: 450px; left: -10000px;"><iframe ng-non-bindable="" frameborder="0" hspace="0" marginheight="0" marginwidth="0" scrolling="no" style="position:absolute;top:-10000px;width:450px;margin:0px;border-style:none" tabindex="0" vspace="0" width="100%" id="I0_1569139359777" name="I0_1569139359777" src="https://apis.google.com/u/0/se/0/_/+1/fastbutton?usegapi=1&size=medium&origin=https%3A%2F%2Fwww.tomanthony.co.uk&url=http%3A%2F%2Fwww.tomanthony.co.uk%2Fblog%2Fdetect-visitor-social-networks%2F&gsrc=3p&ic=1&jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.es.t_iH81fwY9g.O%2Fam%3DwQE%2Fd%3D1%2Frs%3DAGLTcCMwWX0iSjUyz4Y2RGsMVvbmwCC09g%2Fm%3D__features__#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled%2Cdrefresh%2Cerefresh&id=I0_1569139359777&_gfid=I0_1569139359777&parent=https%3A%2F%2Fwww.tomanthony.co.uk&pfname=&rpctoken=17253956" data-gapiattached="true"></iframe></div><g:plusone size="medium" href="http://www.tomanthony.co.uk/blog/detect-visitor-social-networks/" data-gapiscan="true" data-onload="true" data-gapistub="true"></g:plusone></div> <div class="tweet"><iframe id="twitter-widget-0" scrolling="no" frameborder="0" allowtransparency="true" class="twitter-share-button twitter-share-button-rendered twitter-tweet-button" style="position: static; visibility: visible; width: 60px; height: 20px;" title="Twitter Tweet Button" src="https://platform.twitter.com/widgets/tweet_button.d6364fae9340b0be5f13818370141fd0.en.html#dnt=false&id=twitter-widget-0&lang=en&original_referer=https%3A%2F%2Fwww.tomanthony.co.uk%2Ftools%2Fdetect-social-network-logins%2F&related=tomanthonyseo&size=m&text=Detect%20if%20visitors%20are%20logged%20into%20Twitter%2C%20Facebook%20or%20Google%2B%20%23seo&time=1569139360105&type=share&url=www.tomanthony.co.uk%2Ftools%2Fdetect-social-network-logins%2F&via=TomAnthonySEO" data-url="www.tomanthony.co.uk/tools/detect-social-network-logins/"></iframe></div> <div class="like"><fb:like href="http://www.tomanthony.co.uk/blog/detect-visitor-social-networks/" show_faces="no" layout="button_count" send="false" colorscheme="light"></fb:like></div><script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
</div>
</div>
</footer>
</div>
<iframe scrolling="no" frameborder="0" allowtransparency="true" src="https://platform.twitter.com/widgets/widget_iframe.d6364fae9340b0be5f13818370141fd0.html?origin=https%3A%2F%2Fwww.tomanthony.co.uk" title="Twitter settings iframe" style="display: none;"></iframe><iframe name="oauth2relay919623967" id="oauth2relay919623967" src="https://accounts.google.com/o/oauth2/postmessageRelay?parent=https%3A%2F%2Fwww.tomanthony.co.uk&jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.es.t_iH81fwY9g.O%2Fam%3DwQE%2Fd%3D1%2Frs%3DAGLTcCMwWX0iSjUyz4Y2RGsMVvbmwCC09g%2Fm%3D__features__#rpctoken=1052210561&forcesecure=1" tabindex="-1" aria-hidden="true" style="width: 1px; height: 1px; position: absolute; top: -100px;"></iframe></body></html>