I am having an issue with my website I just can not seem to solve. I do not understand how I can get my website to understand how to "like" specific articles that are written on it. Also, whenever I do hit the "like" button it in turn chooses to "like" the entire page and designates the "facebook" logo as being the icon of the website. I hope I explained this accurately. Feel free to take a peek at my website # www.diehardsportsfan.com Any help would be greatly appreciated. Thanks a bunch in advance!
It sounds like you are using the Facebook like button code. If you aren't, you should probably start with the official Facebook stuff. Avoid trusting random social media code that you find. Could be spammy/scammy.
I put "http://w3c.org" into the URL to like box, and go the following code:
<div class="fb-like" data-href="http://w3c.org" data-send="true" data-width="450" data-show-faces="true"></div>
There is another block to load the JavaScript FacebookSDK, so don't forget that.
Anyway, you can see that the URL I gave was pasted into data-href.
So if you had articles at w3c.org identified by #articleXXXX where XXXX is a number, you would just replace the data-href with the appropriate link to your article like this:
<div class="fb-like" data-href="http://w3c.org#4242" data-send="true" data-width="450" data-show-faces="true"></div>
Each article will need its own button, and each button instance should be linked to the permalink for its corresponding article.
Related
I'm not a tech person so forgive me - until today my website was developed to display a selection of instagram images on my (bluehosted) website based on various hashtags, but now the images no longer display. The url is http://go-where.co.uk
The original developer has moved on and I am in need of advice to resolve the issue please as the website relies on this functionality. I have notes left by the previous developer which contain links that cannot be posted as I am a new user and have a limit of 2 links.
So I was able to take a look at the issue... there is something wrong with your wordpress config as the urls over at instagram have not been altered...
this photo that I pulled from your site still renders just fine
your code looks something like
<a href="https://www.instagram.com/p/BCQI4EGwhT4/">
<img src="/wp-content/uploads/instagram/12748323_236400550029515_122771_n.jpg?ig_cache_key=MTE5MzQ5MjkzODMyNDMxNzQzMg%3D%3D.2">
</a>
This issue is therefore with your <img> tag and has nothing to do with the Instagram API.
I have a simple site for which I want to create a report in Omniture.
I just have two links which I want to record that how many times they are clicked. Basically something like a completely novice report.
Any idea, how I can start it and how I can implement it?
I have an Omniture account.
Thanks a lot
You can do click tracking pretty simply with a link like this
<a href="#" onclick="s.tl(this,'o','INSERT LINK NAME',null)">
Those values you insert in the link name will show up under Site Content >> Links >> Custom Links
Search the help section for link tracking or read this https://microsite.omniture.com/t2/help/en_US/sc/implement/index.html#Manual_Link_Tracking_Using_Custom_Link_Code
I never knew it'd be so hard to find a simple tutorial for SiteCatalyst (Omniture). One of the most to-the-point is here.
http://webanalyticsland.com/sitecatalyst-implementation/implement-sitecatalyst-in-5-minutes
Please let me know if you found something better.
Thanks.
While searching for the tutorials, the only one which is bit helpful (although old) is:
http://tv.adobe.com/watch/learn-adobe-digital-marketing/sitecatalyst-interface-part-one/
I tried to read everything I could in order not to disturb, but the behavior of the facebook like box plugin is wired.
I must begin with the fact that everything in my facebook page (https://www.facebook.com/pages/tennisitgr/428483287200942) is shown correctly.
When i try to produce the code for the like box plugin from http://developers.facebook.com/docs/reference/plugins/like-box/ :
if I am not logged in to facebook i can see only the stream, the
header, and the number of people who liked my page but there are NO
faces (the show faces option is checked..).
if I am logged in to facebook I can see faces but all the faces shown
are duplicate (except mine).
Maybe I have a setting wrong in my page (I checked the permissions..) because when I try to generate the plugin for another page it is shown correctly.
Any help would be appreciated.
Thank you in advance.
Nikos.
I'm trying to add css styling to Facebook Like Box XFBML file but it doesn't take the stylesheet the regular way – its own stylesheet comes after yours. So I did some search and found posts that said to add css="youstylesheetlink.css" to the fb:like-box like this:
<fb:like-box href="https://www.facebook.com/example" width="496" height="120" show_faces="true" border_color="" stream="false" header="false" css="http://example.com/css/style.css?2"></fb:like-box>
But no matter what I try it doesn't take the stylesheet. Can anybody guide me how I can achieve this?
Thank you.
Facebook used to allow you to pass custom css to their like box, and that is why you see examples of it happening. But they stopped allowing you to do this for now.
If you could do it, it would be documented here.
IMHO, you cannot tinker with Facebook's corporate branding... they want a consistent user experience everywhere on the Internet, otherwise, you'll have people not trusting things that look like homemade "like" boxes.
Also see this...
Embedded Facebook Like-Box won't let me style it. Why?
Unless your website happens to have the same matching protocol, domain and port as the Facebook iframe, you can not modify it because of Same Origin Policy.
Lets say I let the customer upload up to 5 pictures. I'm looking for a good way to let visitors see the images one by one.
I've seen some.. where there are thumbnails on the side/bottom (that looks like a vertical/horizontal film strip) and the default picture is the large one displayed. And viewers can click into others to show those pictures.
This could possibly be an AJAX solution. I just couldn't come up with the right keywords to Google this custom Web component. Perhaps it is "photo gallery". But I would be more interested to know what solutions developers here use for their site.
Perhaps lightbox is the keyword you're looking for: http://www.google.com/search?q=lightbox
Is something like this Galleria what you're after?
It's all implemented in Javascript so is simple to integrate.
There are several options but on first thought, I would reach for the fancybox jQuery plugin. The third example on their home page does exactly what you described. I've used this plugin a few times now and it's quite good.