-
-
Save anonymous/3d7ff28877de7c7d47d0b55b30fc509b to your computer and use it in GitHub Desktop.
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>Elections 2016</title> | |
| <style> | |
| html { | |
| box-sizing: border-box; | |
| } | |
| *, *:before, *:after { | |
| box-sizing: inherit; | |
| } | |
| body{ | |
| margin: 0; | |
| } | |
| #wrap{ | |
| position: relative; | |
| margin: 0px auto; | |
| width: 1280px; | |
| height: 720px; | |
| } | |
| .cover{ | |
| padding: 20px 80px; | |
| position: absolute; | |
| width: 1280px; | |
| height: 720px; | |
| top: 0; | |
| left: 0; | |
| z-index: 10; | |
| } | |
| h1{ | |
| font-size: 42px; | |
| text-transform: uppercase; | |
| text-align: center; | |
| color: #fff; | |
| font-family: "Helvetica Neue", Helvetica, sans-serif; | |
| margin: 0 0 25px 0; | |
| } | |
| .blur{ | |
| background-color: gray; | |
| opacity: .8; | |
| -webkit-filter: blur(5px); | |
| -moz-filter: blur(5px); | |
| -o-filter: blur(5px); | |
| -ms-filter: blur(5px); | |
| filter: blur(5px); | |
| } | |
| .title{ | |
| background: url('title-bg.png') top left no-repeat; | |
| } | |
| .avatar img{ | |
| display: block; | |
| border-radius: 50%; | |
| width: 350px; | |
| height: 350px; | |
| margin: 0 auto; | |
| } | |
| .hilary, .trump{ | |
| display: inline-block; | |
| width: 45%; | |
| background: url(blur.png) top left no-repeat; | |
| padding: 15px 0; | |
| } | |
| .trump{ | |
| margin-left: 9%; | |
| } | |
| .meta img{ | |
| display: block; | |
| width: 60px; | |
| height: 60px; | |
| margin: 20px auto; | |
| } | |
| .votes{ | |
| text-align: center; | |
| color: #fff; | |
| font-weight: 30px; | |
| display: block; | |
| width: 100%; | |
| } | |
| .ct, .ch{ | |
| width: 100%; | |
| display: block; | |
| color: #fff; | |
| font-size: 40px; | |
| text-align: center; | |
| font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; | |
| } | |
| .v{ | |
| text-align: center; | |
| font-weight: bold; | |
| font-size: 16px; | |
| text-align: center; | |
| margin-top: 10px; | |
| font-family: Verdana, Geneva, sans-serif; | |
| color: #fff; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div id="wrap"> | |
| <div class="cover"> | |
| <div class="title"> | |
| <h1>who will win the us <br> presidential elections 2016?</h1> | |
| </div> | |
| <div> | |
| <div class="hilary"> | |
| <div class="avatar"> | |
| <img src="hillary.jpg" alt=""> | |
| </div> | |
| <div class="meta"> | |
| <img src="tup.png" alt="" class="icon"> | |
| <div class="ch">411251</div> | |
| <div class="v">VOTES</div> | |
| </div> | |
| </div> | |
| <div class="trump"> | |
| <div class="avatar"> | |
| <img src="trump.jpg" alt=""> | |
| </div> | |
| <div class="meta"> | |
| <img src="h.png" alt="" class="icon"> | |
| <div class="ct">398221</div> | |
| <div class="v">VOTES</div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <video src="loop.mp4" autoplay="true" loop="true"></video> | |
| </div> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.16.6/lodash.min.js"></script> | |
| <script> | |
| "use strict"; | |
| var tc = 251, | |
| hc = 221, | |
| th = $('.ct'), | |
| hh = $('.ch'); | |
| var hint, | |
| tint; | |
| function hilary(){ | |
| hint = setInterval(function(){ | |
| hc += 1; | |
| // console.log(hc); | |
| hh.text(hc); | |
| clearInterval(hint); | |
| hilary(); | |
| }, _.random(1, 15) * 1000); | |
| } | |
| function trump(){ | |
| tint = setInterval(function(){ | |
| // console.log(tc); | |
| tc += 1; | |
| th.text(hc); | |
| clearInterval(tint); | |
| trump(); | |
| }, _.random(1, 15) * 1000); | |
| } | |
| // trump(); | |
| // hilary(); | |
| setInterval(function(){ | |
| $.getJSON('https://graph.facebook.com/v2.8/?ids={post_id_goes_here}&fields=reactions.type(LIKE).limit(0).summary(total_count).as(reactions_like),reactions.type(LOVE).limit(0).summary(total_count).as(reactions_love)&access_token={application_access_token_goes_here},function(res){ | |
| th.text(9251 + res['{post_id_goes_here}'].reactions_love.summary.total_count); | |
| hh.text(9221 + res['{post_id_goes_here}'].reactions_like.summary.total_count); | |
| setInterval(function(){ | |
| th.text(parseInt(th.text()) + 1); | |
| }, _.random(5, 25) * 1000); | |
| setInterval(function(){ | |
| hh.text(parseInt(hh.text()) + 1); | |
| }, _.random(5, 25) * 1000); | |
| console.log(res); | |
| }); | |
| }, 10000); | |
| </script> | |
| </body> | |
| </html> |
Once you posted to the page via LIVE --- it shows wwwfb.com/pageID/videos/VideoID - do I use that VideoID as Post ID? I'm telling you i'm lost.
That's what I've been doing. So you grab it and run to the index.html and edit the sections that need the id then test your graph link to see if its pulling from the api. Then you let it roll and watch the page on domain and test the counter by liking or hearting. If you left the add variables you should see it start going up.
Does anyone know how to Refresh OBS browser source so it shows live what is happening on the URL. As the script is working just wont show on the live feed.
@Gumakool - Try what i told you - it works and shows Live - Also what you told me - works. Thank you man.
xnidyas - I cant see what you said regarding showing live using OBS, mine is not showing and caching the page before the count starts? Any way to fix?
@Gamakool - My request run but likes can't counting. Can you help me?
https://graph.facebook.com/v2.8/?ids=159959471018198_368149186865891&fields=reactions.type(LIKE).limit(0).summary(total_count).as(reactions_like),reactions.type(LOVE).limit(0).summary(total_count).as(reactions_love)&access_token=368497076819192|C37dukSN1qdSlMHr1k-3YlxVPUM
my page: http://www.thev.xyz/live/index.html
How to make the counter go up 1 by 1 ? because mine jumps up to 25 votes a second
Actually works without the counter all together - due to Facebook giving the Live Video so much reach out of the gate.
tommydo1905
@Gamakool - My request run but likes can't counting. Can you help me?
Make sure you read some of the advice up the page, also double check your page id's and access token. If the count is going up on the domain when you click like and refresh the page then you are stuck in the same boat as me. OBS cache is storing the page locally so it wont show the new stats for count. Keep running the Link you gave above until you see stats for 0 on engagement through the api, that means its all set, the next thing is configuring the count to go up normally and not jump.
How to make the counter go up 1 by 1 ? because mine jumps up to 25 votes a second
Explained previously, you remove numbers from the script near the bottom.
Yeah just remove the two setInterval calls lines 194-204. Also change lines 190 and 192 to not have the hard-coded number adding to the count.
@Gamakool Thanks, My site was run. But Like counting up and down, and i don't understand @@
@tommy. Try running it without, running on a small page now and getting engagement. Just make the subject really viral
What's happening is the number is jumping because you need to remove or edit the setInterval numbers. So if you want it to go by 1 then change it so it says no number and only counts the actual votes.
@Gamakool Can you show me to change for real votes? I am not a developer, i don't know more about code :). Thank you so much
` th.text(0 + res['1494380224179421_1828688054081968'].reactions_love.summary.total_count);
hh.text(0 + res['1494380224179421_1828688054081968'].reactions_like.summary.total_count);
setInterval(function(){
th.text(parseInt(th.text()) + 1);
}, _.random(5, 25) * 1000);
setInterval(function(){
hh.text(parseInt(hh.text()) + 1);
}, _.random(5, 25) * 1000);
console.log(res);`
*What to change here to get the Real Votes to count? - En example with the same above code would be greatly appreciated. :)
@Gamakool i removed the 2 setinverval lines and than the counter doesn't work at all
Can somebody help me plz i want to make the counter go up 1 by 1
Just want to point out I'm not way a coder or developer in any way, all the info you need to get it working is here already, in comments
Using this info I've managed to get it working, however I have an issue with OBS caching the browser or URL which is now the cause of the count not going up. This can be fixed, but am currently testing without the count and works just as well for everyone's FYI.
`setInterval(function(){
$.getJSON('https://graph.facebook.com/v2.8/?ids=1077853353741_11517858190342&fields=reactions.type(LIKE).limit(0).summary(total_count).as(reactions_like),reactions.type(LOVE).limit(0).summary(total_count).as(reactions_love)&access_token=EAACEdEose0cBAEDTXqSHp7HABlXD1THWjaMkrBAOZALVhbckZBwVJ6sWssfJxWY2ZB1K3h0CMkh6SHKpVdRGELPIWG2L6uttDC773llK0JClvoUmx2p7d3VAzUlUbvLcwjiKzvRH26yuuD5BoZBp0qnZCWWCL1ZA8DZCFvjqs4tnAZDZD',function(res){
th.text(0 + res['107785335923741_1151785888190342'].reactions_love.summary.total_count);
hh.text(0 + res['10778533923741_115175888190342'].reactions_like.summary.total_count);
setInterval(function(){
th.text(parseInt(th.text()) + 0);
}, _.random(5, 25) * 1000);
setInterval(function(){
hh.text(parseInt(hh.text()) + 0);
}, _.random(5, 25) * 1000);
console.log(res);
});
}, 10000);`
THIS HERE FOR ME Counts Real Votes. = Hopefully it helps someone.
Can someone please post a full code that was tested and it works?
Can share your working script here ?
Sorry for asking this
Ok I got these messsages:
"reactions_like": {
"data": [
],
"summary": {
"total_count": 0
}
},
"reactions_love": {
"data": [
],
"summary": {
"total_count": 1
}
},
But the number of votes didn'y appear on the screen.
Can someone help me to fix this
to change the reactions is it enough just to change these lines ?
because i wanna transform the LIKE reaction into ANGRY reaction so is it enough just to change LIKE into ANGRY ?
th.text(9251 + res[‘{post_id_goes_here}’].reactions_love.summary.total_count);
hh.text(9221 + res[‘{post_id_goes_here}’].reactions_like.summary.total_count);
Once you posted to the page via LIVE --- it shows wwwfb.com/pageID/videos/VideoID - do I use that VideoID as Post ID? I'm telling you i'm lost.