How to trigger custom action when social media button has been pressed? - javascript

I want to create a social media div locker. When a user comes to my site a piece of text is hidden behind a div locker that says "share this stuff on facebook, G+ or Twitter and you will see the locked text".
So, I want to make the hidden div visable after the visitor has pressed one of the social media buttons and actually shared it. How can I do it? I understand it has something to do with listening if the social media button has been pressed or smth.

you can use FB.Events.subscribe library.

Related

How to trigger Elementor Popup based on specific url

I have a one page website with different sections and few simple popup which are triggered when user clicks on link/button on a page. I want same popup to open when user access website with a specific url example
www.example.com/#menu
www.example.com/#privacy-policy
I found setting under Elementor popup when arriving from specific URL but this option is not working for me.
I can do same using custom JavaScript unless it will not work with elementor feature.
I tried different combination of url such as https://www.example.com/#menu #menu https://example.com/#menu
its not working for any combination.
I did keep condition setting also as Entire site etc..
Just need a point as i could not find any specify article regarding this as most of the article are about how to trigger popup from link.
Set a class on the section you want.
Go to Popup triggers
Check "On scroll to element" en put the class in.
Now the pop up show op when you scroll on the section.

How can i click on like button instagram?

I would like to know how I can programmatically click on the "like" button of a publication in Instagram.
This is not for an auto like or stuff like, I am developing an Android application, and would like to display company publications (owner of the app), and allow users to "like" Instagram publications. I plan to add one like button underneath a photo, (the photo that was published in Instagram) so I allow the user to enter the Instagram through a WebView, and in this WebView that the user is logged in, when I can trigger a javascript function for that click on the like button of the publication.
I hope you have understood my need.

share selected image when user clicks on tweet/facebook button

I've got a feature that allows users to select an image from hundreds of images (artwork submitted by other users, 'creators') that have been dynamically loaded (different images are loaded on page for different users).
When a user clicks on an image: an input box, 'tweet' and 'facebook share' icon fade in. I'm trying to find a way that allows the user to share his/her selected image with their input through whichever social media icon they click like this: http://i.imgur.com/gyJ1PTp.png [twitter example]
Any suggestions as to how I could do this?
P.S.
I'm aware of Twitter Cards but it's not exactly the same thing because I've got to specify each image which is obviously quite inefficient.
I would recommend having a look at AddThis.com as this will let you post to various social networking websites and has a JavaScript API to let you achieve what you want.

Is it possible to have an interactive div that does not change as the user navigates to other pages of the website?

Okay, so I wanted to try making a website that had a sort of radio feature at the bottom of the page. And I wanted the user to be able to freely navigate through the website while that radio remained with them, not interrupting the song at all, as they clicked through different pages. The radio would also have a "song selector" feature so the menus would need to stay in the same place too. Is this possible? I'm guessing not, but I thought I'd ask anyway.
edit: I'm also thinking of a similar feature but for YouTube videos. Like a div that plays YouTube videos that stays with the user as they navigate through the website.

how to make a pop up Window which can be closed by clicking only

I have a website which is based on technology products reviews. I have many unique visitors every day. I use a company to earn some money. They give advertisement in my website and when my visitors click them i got some revenue which I used to pay my domain bill.
Now I want every visitor will click my ads. So I want a pop up Window. When any visitor will enter in my site he will be showed an pop up Window where i place my ad and he can only enter if he click that ads. It's like looking system.
So can it be done?
You can display a div which covers your website. This div contains your ad. You can define a close-image to hide the div or also you can react with the onClick-Event in the div.
you can use a modal div at body onload or with jQuery at document.ready
then If the visitor click close the div and they can visit your page, in another case, if click close you redirect to another page (document.location), for example, explaining why they have to click on the ads
You can make a cookie:isClicked, value false
If the user click on your ad(popup), you set this on true.
Now you control with your main page: is the cookie true?
If yes, you allow the user to load the page.

Categories