Tie tracking clicks link to a href syntax and image - html

I need help with this scenario:
I have a tracking clicks link (provided by someone / mandatory) that I
want to tie it to a clickable image so that, when visitors click on
that image, they will enter another page of the website and all clicks
traffic be taken in consideration by that tracking link.
I'm a complete noob and I want to know if that is possible and how (some example) with HTML / java or anything else.
Thank you in advance.

Related

anchor links in emails not working after visiting once

So this question has been asked before, but the javascript solution doesn't work for me if I am simply emailing links to members. Here is an example of what I am talking about. I run a social network. When, for example, a user comments on another users profile, I want to email the user who isn't logged in and provide them a link to see the comment. Usually the link would be an onpage link with a # along with an id (example
The first time it works great, but then if you try to click the same link again, or even a link with a different # such as #2100 then it will no longer scroll to the id, once it has previously scrolled to an id.
I have read solutions to this issue, using a click event in javascript, however, how I don't think that that will work when sending out email notifications.
So the scenario is we email someone with a link https://www.domainhere.com/userprofile#1819 and the check it, but the next day we email a similar link with a different # such as https://www.domainhere.com/userprofile#1914 and when they arrive at the page, they don't move from the top of the page. Not sure why this is happening, or how to find a way around it. I've tried adding a unique ID, etc.
Anyone know how to make it so each time a user clicks these links in emails, they will arrive at the anchor? Even if they click the same link, perhaps because the first time they clicked the link in the email, they didn't have enough time to review the content, well once they visit that page, it doesn't matter what the # is, they stay at the top of the page.
The code is very simple. I am using "> as the anchor, and typing into the browser url the name of the page plus #numberhere - It works once, after that it doesn't work. Even if the number is different, ie. a new comment is emailed to the user.
I hope someone can help
Thanks

Direct click from a link to number composing

Hi everyone first question here, thank you in advance. I need to create a webpage that from a link into an sms directs you to a page, which the exclusive function is to redirect you directly to the compose screen instead of having the user click on a button or image as an extra passage.

How to share single image post on facebook in basic HTML?

I have an Image Gallery with 16 images in basic HTML.
When a user clicks on an image, the image will pop up. Nothing else.
I added Facebook, Twitter and Google+ icons on every image, but is it possible to share every single image on Facebook?
I am only able to share the website link, but I want to share those 16 images separately on Facebook.
So when a user clicks on an image to share to Facebook, then only this image will be shared, not the other 15 images.
Please give me some ideas.
I have been struggling with this the last few days.
Thanks in advance.
Use the share button social plugin and make it specific to each image (see https://developers.facebook.com/docs/plugins/share-button/ ). Be sure to read the section titled "Can I use the Share Dialog without using the Share Button?"

html transfer information from one page to the next

So I have been looking into this for a few weeks and have come up with nothing!
I work on the website for my families music store, and have been asked to add a "Links" page to the website. My goal would be to have the categories of our vendors (i.e. Violin, Guitar, Piano, etc.) on the left of the page and when the category is selected the links come up on the right. That part I have. The tricky part here is: When a link to a vendor (i.e. Fender, G&L, Yahmaha) is clicked instead of taking them directly to the site, I want it to take them all to the same page, but embeded on that page is the site.
I have done a lot of research on this and have come up with nothing. I could just go through and make a new page for each of the vendors, with the embedding on each individual page, but that is extremely time consuming with the amount of vendors.
Is something like this at all possible? I've been playing with embedding itself and have that down. It just comes down to, which link did they click, and loading that specific page.
If there is any more information you may need to help or point me in the right direction please let me know! Same with any code that may be helpful!
I've come up dead on all my research on this.
EDIT: I guess my ultimate goal is that it will look something like this: http://answers.yahoo.com/ so that the vendors website is open on bottom, but our stores banner and links are still at the top. Out website can be found here: http://www.brassbellmusic.com/default.aspx
I've created a JSFiddle to demo this functionality using jQuery.
We iterate through the list of brand links in the ul:
$('#brandListing a')
Capturing a click event on each:
.click(function(ev){
jQuery passes an event object to the anonymous function (ev). When the link is clicked, we first must prevent the default action, which is to follow the link. Then we update the src attribute of the iframe (the "embedded page") with the value of the href that was clicked:
ev.preventDefault();
$('#embeddedBrandWebsite').attr('src', ev.target.href);
You'll need to add the jQuery library to your page to use my code sample, but it's possible to replicate the functionality without it.
EDIT
The sample above is for a single page implementation, where links and the embed are on the same page. To achieve the requested "transfer of information," I recommend passing the target href as a GET parameter (brassbellmusic.com/brandEmbed.aspx?path=http%3A//www.gibson.com/). On the single "embed" page, you can then extract this either on the server side to set the iframe's src, or using javascript. With javascript, you might use:
function getURLParameter(name) {
return decodeURI(
(RegExp(name + '=' + '(.+?)(&|$)').exec(location.search)||[,null])[1]
);
}
Source
And then after your document is ready, set the iframe src using getURLParameter('path').

Open Window that has been put in tab or other options?

I'm hoping that someone may be able to help me out.
My Home page (Home.html) has a link to a mp3player located at (mp3.html)
On the mp3player page there is a link back to Home.html
If the user clicks on the link to the Mp3 player I would like for the music to continue to play even if the link to home.html is pressed.
What I would like to avoid is having multiple tabs from being opened if the user would re-click one of these links.
Also I would like to have the appropriate page to open when it's link is pressed instead of being locked in a tab and not displaying.
The mp3 player isn't affected by being refreshed.
I would prefer not to have different tabs open if at all possible.
This really got me stumped. I've tried different things out only to either be stuck choosing a tab or loosing the music from playing.
Thank you.
You can program your site with AJAX, so index page won't be reloaded but supplemented by content loaded be demand - Google Mail is a good example. Not a task for beginner, though.
You can use HTML frames (see examples) and load index and player at the same time in one tab. Very easy and may fit your needs, but makes your site harder to link to.
I'd go with the AJAX version as well, it's a nicer user experience. If there's a player somewhere in another tab, that's pretty annoying for the user to find if he wants to turn it off or change a track. Check out the Sixtyone and how they're solving the problem.