Share whatsapp button for individual images - javascript

i am making a webiste and a blog which is not yet launched but before I go live, I need to add a feature. I want to add whatsapp share button. I have searched for it and have used it on my site and blog and it works but the issue is that it shares link of the entire page and thumbnail. My question is, if I have 4 images on a page, and if I want to put a whatsapp share button underneath every all 4 images so that when it is clicked, the full image and a link with the image url will be shared on whatsapp. Is it even possible? I searched for it a lot but could not find anything. Would appreciate some help here.

Related

redirect link from facebook to website - javascript?

I have articles posted on facebook from my website http://juniorgoldreport.com/
the website is made in wordpress, and I've also created a "Welome" landing page where I want most new users to be directed too.
I have no idea where I can find information on how to do this, even after countless efforts of googling.
To give an exact idea of what I' trying to create...
Where someone clicks on an article on facebook, it'll take them to the "welcome" sign up page, then have a link on it to the article that they clicked on. The link would change depending on what article they clicked on so they can be redirected properly.
I know I can just hard code it, and create multiple landing pages with different links in relation to the article posted, but this just seems inefficient.
Does anyone know how to go about doing this?
this is the landing page
http://juniorgoldreport.com/welcome/
You can try using Javascript, as it would be much easier than creating several webpages. At the point in your page where you want a link to be placed, put something like
<p id="mynewredirectlink">Hey!</p>
And then at the bottom of your code, add some javascript to resemble this:
<script type="text/javascript">
if (document.referrer === "facebooklink.com")//Where did you come from?
$("#mynewredirectlink").innerHTML = "Hey!" //Where are you going?
Then include the other sites you need, and close it with
</script>
There may be some sites that have varying parts, like an id, so if you need to, you can use (document.referrer.includes("facebook.com")) instead.
You can convert your landing page into a fullscreen modal popup. So every new visitor will see the popup when the visit the site or any article. They can fill the form / they can close it to see the article. There is already several plugin for modal popup / newsletter popup. You just need to do a little bit css to make it full screen.

I need to insert a slider in a blog page

I have created a blog www.rajputanahomes.com, when someone clicks on a blog a page opens with details of the blog and pictures related to it.
Now what i am trying to do is when someone clicks on one picture the picture must pop up and the pop up must have next button so all the images on existing page can be seen. I am using CKeditor to upload content on the page.
Is there any way we can put code on each html page created dynamically so the above feature works.
You can use any of the many free lightbox plugins. One of the easiest to use is colorbox.

Simple Facebook "Share Link"

I am working on a site where posts are made and I'd like to give visitors the ability to "share" a particular post that they link on their timeline. I have never done any social media integration, but I followed the instructions via the FB API and am still having problems. It's easier to show you than try to explain it. Go to http://www.badcustomerbureau.com/ and click on any of the Share links at the top of any post. Instead of sharing the post you clicked on, it tries to share a generic post with the same photo every time (photo of a dog). I used the code generator on the FB help site and it still has this issue. Please help!
I did receive one suggestion from a member of this site, but I am still seeing the same behavior.
I think its already working. I've tried it before in my own website http://socialviralworld.com/. You just have to login first and see the changes.
See image:

Auto click on element after page load

I want to make a link to the following web page http://www.iph-hannover.de/de/iph/mitarbeiter but after it opens an auto click on one of the member's pictures should be generated.
So after clicking the link it should load the page and popup the window of one of the members as if I clicked on his profile with the mouse.
Note that I can not change anything on the http://www.iph-hannover.de/de/iph/mitarbeiter webpage. I can only link to it.
My basic html knowledge is all about making text bold/italic/colorful and creating hyper links with "a href". So please more detailed answers.
Thank you!
Basically, you can't do this.
If you can't change anything on the mitarbeiter page then there's nothing you can do about how the page opens. There's lots of easy ways to send information from one page to another, but that doesn't help anything when you can't make the mitarbeiter page "respond" to the information you want to send.
(when I say "information" then I really mean 'any' kind of data that the receiving page can act on, like a "open Prof. Peter Nyhuis on load" kind of message)

Facebook Like Button Grabbing Content From Wrong Page

On my site, I've implemented some facebook like buttons on the articles which works for all of them but one. If you 'like' an article, such as this one then it works fine and grabs the right image, right content and puts them on my facebook profile. However, when I 'like' this one it grabs the content and the url of the home page, made worse by the carousel on the homepage which means that it gets content from that and not even the intro text there.
This has been driving me crazy. Please help me.
Next time this happens, use the Facebook Linter tool to debug it and clear any info Facebook has cached. I did this for your URL and it should be working now.

Categories

Resources