Twitter & Facebook Share Buttons

Q&A about the latest versions
Post Reply
sicco
Posts: 28
Joined: Thu Jul 15, 2010 10:26 am

Tue Jul 20, 2010 2:28 am

Hi,

I followed the topic below,
http://gardengnomesoftware.com/forum/vi ... ipt#p16647

If I knew I would get heard I would ask there, but decided to create new topic since I think it's kind of important to everyone (or at least should be since social media presence should be one of our priorities)


I just wanted to ask some additional questions I hope there is anyone with a bit more coding knowledge that will be able to help.

I'm trying to create twitter share button, I altered the following script:
<a href=”http://twitter.com/home?status=Currently reading <?php the_permalink(); ?>” title=”Click to share this post on Twitter”>Share on Twitter</a>

I shortened it to - http://twitter.com/home?status=Currently reading <?php the_permalink(); ?>
and used it in the image under go to URL action,

so all would be fine if I need one specific URL, then instead of <?php the_permalink(); ?> I could just type an URL and it would be fine, BUT

the problem will start if the client change the folder, server or anything really after getting the tour from me, it means I have no control over this button after releasing it.

That's why I really need to use a piece of code that will call current URL,

the same goes for Facebook, is there a way to automate it so it takes the URL and Title (the meta tags facebook requires for title and image would be added to the html) from the domain the tour is loaded to?

Is there any way to do that?

I think all our tours should be social media friendly as much as possible and this buttons integration might help a lot in it.
Thanks in advance for any ideas!


Here are links to the pano (please ignore html at the bottom its an old file :o ):
http://www.360vr.ie/TESTS/3pano2vr/test_social.html

the link to the skin:
http://www.360vr.ie/TESTS/3pano2vr/social_buttons.ggsk

Cheers!
Mike
sicco
Posts: 28
Joined: Thu Jul 15, 2010 10:26 am

Wed Jul 21, 2010 6:48 pm

HELLO??? :))

any ideas ? anyone?

developers...webmasters... fellow panographers :)
someone will help the men in need?? ;)
User avatar
360Texas
Moderator
Posts: 3386
Joined: Sat Sep 09, 2006 6:06 pm
Location: Fort Worth, Texas USA
Contact:

Wed Jul 21, 2010 8:45 pm

We do not use or have a need for social pages. Maybe someone else has a need that can answer your question
Dave
Pano2VR Forum Global Moderator
Image
Visit 360texas.com
sicco
Posts: 28
Joined: Thu Jul 15, 2010 10:26 am

Fri Jul 23, 2010 1:43 am

Hi,

Thanks Dave for taking time to answer.
I'm sure it could benefit all of us and our clients if we could build a social media plugins into pano. I think it just makes our industry up to a level of what happening now.
Social is there and ignoring it might be grave mistake :)
thanks and kind regards
Mike
User avatar
Hopki
Gnome
Posts: 9923
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Fri Jul 23, 2010 12:00 pm

To add a twitter button to your Panorama or Objet Skin.

First go to , http://twitter.com/goodies/buttons

Click on one of the buttons and a pop up with the required code will appear, copy it.

Open the skin editor and add a text box, make sure you have Word Wrap ticked.

Copy the code in the text field.
For the longer buttons, I use a text box size of 180 x 45
I also turn off Background and Border.

This puts a twitter button in your skin with the image coming from twitter.
To add a button to your skin, simply add the actions:
Mouse Click – Go to Url – Url: (your twitter account name) – Target: _blank

For Hopki Media the button looks like this:

Mouse Click – Go to Url – Url: http://www.twitter.com/Hopki_Media – Target: _blank

Hope this helps.
Hopki
Attachments
social_buttons.ggsk
(2.9 KiB) Downloaded 285 times
sicco
Posts: 28
Joined: Thu Jul 15, 2010 10:26 am

Fri Jul 23, 2010 12:40 pm

Hello,

Thank you for your post.
I managed to make follow me button before, this wasn't a problem as I could use URl to my twitter profile the way you just explained.

I would like to make "share on twitter" button, where after clicking the person who uses it gets to their twitter stream with pre written tweet, and URl pointing to html the pano is hosted on. That's why I tried to use a code in my first post with "permalink"
I'm trying to create twitter share button, I altered the following script:
<a href=”http://twitter.com/home?status=Currently reading <?php the_permalink(); ?>” title=”Click to share this post on Twitter”>Share on Twitter</a>

I shortened it to - http://twitter.com/home?status=Currently reading <?php the_permalink(); ?>
and used it in the image under go to URL action,
this should allow to do very similar thing to what share of facebook button does.
I don't want to direct people to my twitter account, I want them to share content they are looking at, if you know what I mean...

Cheers
Mike
User avatar
Hopki
Gnome
Posts: 9923
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Fri Jul 23, 2010 12:49 pm

Opps
try this code in the button, Go to Url:

Code: Select all

http://twitter.com/home?status=Currently looking at Skins at http://www.hopkimedia.co.uk/ggs.html
this opens up Twitter with the text

just replace the text after the =


Hopki
User avatar
Hopki
Gnome
Posts: 9923
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Fri Jul 23, 2010 2:06 pm

Hi
Following on from this, click the link Here to open a house tour, note the little bird in the bottom right hand corner.
Clicking this will open your Twitter page with the text already entered ready for you to Tweet to others.

Regards
Hopki

Just added Face Book
sicco
Posts: 28
Joined: Thu Jul 15, 2010 10:26 am

Fri Jul 23, 2010 6:47 pm

Hi Hopki,

is there a way to use a similar code to <?php the_permalink(); ?> I took it from the piece of code allowing URL automation in ie. wordpress so after clicking the user can share through his Twitter account, but the link tweet is pointing to is automatically generated..

The reason I would like to use it is that I do not always know what URL my clients will use for the tour on their site.
but <?php the_permalink(); ?> works only for wordpress :(

Is there another way to achieve this kind of automation?

So lets say your link:
http://twitter.com/home?status=Currently looking at Skins at http://www.hopkimedia.co.uk/ggs.html

would look like:
http://twitter.com/home?status=Currently looking at Skins at <?php the_permalink(); ?> - or something similar....

or the only way is to always use the correct URL that will be used there ...
:)
Thanks
Mike
sicco
Posts: 28
Joined: Thu Jul 15, 2010 10:26 am

Fri Jul 23, 2010 6:50 pm

By the way.... I created a bit fo confusion here by using <?php the_permalink(); ?> code that relates only to wordpress... sorrryyyy :roll:

I just thought it might work for all sites as this is automation I'm looking for...
Cheers
Mike
TRoks
Posts: 1
Joined: Tue Aug 06, 2013 1:56 pm

Tue Aug 06, 2013 4:09 pm

Dear all,

This is my first question on this forum.
Because social media is no longer hard to imagine, I have an idea what I can not solve.
I want to embed a html code in the skin but can not get it done. Where should I place. The html code

The intention is that the social media (AddThis) is placed in the skin.
Could someone help me.

Manny Thanks.
regards Toine
User avatar
Sam Rohn
Posts: 29
Joined: Fri Sep 28, 2007 7:50 am
Location: New York City
Contact:

Wed Aug 07, 2013 4:56 am

as noted above, <?php the_permalink(); ?> is a wordpress function and can only be used inside the wordpress loop in wordpress template files

also, your link in top post was to a page with .html extension, if you want to use php code in your html files you must change the file extension to .php

here is a link to info on a similar php function to wp the_permalink above, returns the full url of any page using this code

http://www.phpro.org/examples/Get-Full-URL.html

otherwise, to put social media sharing buttons in your panos, just put them inside a div on your html/php/whatever page which has the pano embed code, and use CSS to give that div a higher z-index than the pano, you can adjust the position etc w CSS as well, buttons will float over flash and html5 but will not display w full screen flash if you can live with that

i am not too familiar w pano2vr html templates, but i imagine this could all be put into one without much difficulty

sam
Sam Rohn :: 360° Panoramic Photography :: Location Scout :: New York City

PanoPress :: WordPress Plugin for 360° Panoramas in Flash & HTML5 :: http://www.panopress.org
User avatar
jobes
Posts: 87
Joined: Fri Mar 07, 2008 2:34 am
Contact:

Wed Aug 07, 2013 8:53 am

Thanks Sam. From what I understand, the way to do this would potentially be to edit the .ggt (HTML) template, define a script function, then call that from the skin. That *should* allow the page URL of the HTML file to be automatically called and used…

I'm trying to solve this myself, as It is a fundamental requirement in this day and age of social media,and ideally it would be good to have the functionality 'baked in' to a pano template so it works in all circumstances.
Post Reply