M. BurstinerThree New Bite-Sized Morsels
Today, we've got three delicious little treats for you. HTML Snippets, Subscribe to Comments, and a Statistics Redesign. Let's get into it.
HTML Snippets
When users started asking for a Facebook Like/Tweetmeme button we grappled with the idea of how best to incorporate this into the platform. We knew it was important, but didn't want to have to worry about playing catch up (ahem) or distracting from the feel of the platform. So, we decided we'd do you one better. We've created 3 HTML Snippet blocks in your Journal's config for you to put anything you like. Pun intended.
You can add Facebook Like, Tweetmeme, Google Buzz, or anything else your heart desires. Even the brand new Tweet button will work just great*. Drag and drop the blocks anywhere you can drag the other components of your blog post. In order to make these work, we created a variable for you to use when implementing the code. It's pretty simple to do, but you should check out all the technical details in the manual entry on getting these set up. This little delicious morsel is brought to you by none other than Senior Engineer Paolo De Dios.
*The Tweet button currently pulls the current site title. If you're on a home page it will pull the right link, but not the title of the post. Will update soon with a fix. :)
Subscribe To Comments
Now you can subscribe to a page's updates even if you're not a member of the site. This should be a welcome addition for anyone not on a community plan whose users would still like to be notified when a comment is responded to. Now, when you leave a comment you'll have the option to check a box to use the email you provide when leaving the comment to receive notifications on future posts.
Statistics Redesign
The final nugget is a refinement that replaces the flash statistics charts in the site manager with a new canvas based implementation. Now your charts are clearer overall, look more appropriate in the backend, load much faster, and load on all devices (iPhone, iPad, etc.).
As always, if you notice any irregularities, guitar solos, or double rainbows, let us know by opening up a ticket in your Website Management > Support Tickets.
M!
Reader Comments (40)
If I haven't said it already, I LOVE you guys! :)
I can't imagine ever using anyone else for hosting needs, honestly. My experience with you guys has been the best thus far. And I've tried this blog thing quite a few times, but Squarespace is most definitely the way to go. Can't wait to mess around with the updated app!
THANK YOU!
You guys (and Gals) are the greatest!
I didn't think it was possible to love you guys any more than I already do. <3
Great way to implement snippets. Nicely done. And thank God Flash is now replaced with Canvas-ee properties. Keep rockin'.
Huge thank you to everyone at Squarespace for implementing this! These small snippets will go a VERY long way in terms of social media integration.
Anyway for the Like and Tweet buttons to display inline with the "Comments", "Author" etc at the top? Seems to add in a line break when I add it in currently..
Awesome addition though! Thanks!!
Thank you!!! Really appreciate all the hard work! Now if only there was a way to reply to individual comments (and receive an email when someone replies, instead of "subscribing" to all the comments without using a third-party resource)...
@Neidel — In order to get the buttons to display inline, just add the following to your custom CSS:
.post-snippet-1 { display: inline !important; }
.post-snippet-2 { display: inline !important; }
.post-snippet-3 { display: inline !important; }
awesome can't wait to implement this stuff into my blog!
Jenny,
dope, thanks a lot.
Guys you're amazing.
Just a quick one... http://www.contino.com/ How can I adjust the floating to have the to buttons aligned with the data text and not little above as they are now?
Thanks!
Andrea,
I wrassled with that same problem all night. This is the code I use for facebook code.
after style=
position: relative; top: (whatever number works)px;
for twitter:
<div style="position: relative; top: 6px; display:inline;">
(twitter code)
</div>
hope that helps.
Neidel,
You're officially my new personal hero!
Thanks so much dude!
SS Rules!
Seems to work well, but I'm not sure why putting these snippets on one line is considered an advanced option. I mean the whole point of them is that we're dragging them around and in different orders. If we wanted the snippets on a different line, we could drag them to different lines.
I'm complaining about something I've already fixed fairly easily with the CSS trick, of course. I guess I'm talking about the system in general. The point of Squarespace (or one of them) is to simplify things. This seems like an obvious thing every user will want to do--line up icons they lined up in the editor. Hopefully it'll be added in eventually. A check box would work.
Awesome additions though! I like the new stats pages a lot.
Neidel,
THANK YOU. Seriously. I was stressing myself out over how to figure this out and I finally have, thanks to you!.
I only have one issue left regarding these buttons. Because I'm using Permalink, on my homepage if you were to click on one of these buttons, they link to the homepage and not the post that it these buttons are under - effectively rendering them useless when on the homepage. I assume there is a way to get them to link to the correct location?
One small gripe - the new statistics page doesn't fit on my screen. Horizontal scrollbars!
I noticed the %PERMALINK% inserts the permanent link to a post.
Are there other % % code modifier/injectors?
@Jeff - We're with you. Seems it was an oversight. Should be fixing this up soon.
@Joe - If implemented properly, %PERMALINK% will appropriately assign the correct link to the post even on the front page. If you need help, just open a support ticket. :)
@Lock - Will be making one for the post title for use with the Tweet button.
M!
Thanks I did and I finally figured it out! Although Twitter refuses to read the title of the link it's actually posting to (at least on the homepage - must be the order in which the code is read or something, because the link is accurate), which is kind of odd.... But that's on their end, so I'll to go yell at them to see whats up with that.
But I have to say: Seriously, this update makes my posts look SOOOOOOO much prettier. I LOVE it! Not to mention now I NEVER have to worry about adding the code for such sharing and focus more on my actual content! AWESOME!
I am excited to add this to my site. I have one problem. Where do you find the code to put in the snippet. I want to put a facebook, twitter and stumble upon
Or Is the snippet big enough to put the code in for the sexy social buttons?
Okay noob question. How come when I posted the FB and Twitter "share" buttons, instead of posting the specific article it post my blog in general? Then it shows the tally the same on every separate post?
@Adrian
Make sure to use the URL "%PERMALINK%" when setting up your buttons in facebook or twitter. This will automatically create the code for the specific page you are trying to share. If you do not, it will simply pull the URL from the page you are on, which I'm assuming is your blog's home page and not the individual blog entry page. Make sense?
Hey Adrian, same problem. Is not posting the specific article. Instead, post my blog in general @ Facebook.
Adrian,
Use :
data-text="%TITLE%"
and it'll display whatever title you gave that post with the link. But also be aware that if you wish to include your website's name with that link you'll have to manually do it by typing for instance (as I do with mine):
data-text="I Make Good Eggs - Your #1 Recipe for Disaster - %TITLE%"
Hope that helps. That title code only seemed necessary for the Twitter button, since Facebook and the Digg buttons I use both pull the correct title. They updated the original post to accommodate for the %TITLE% code btw.
@ Clayton
Could you email me and breakdown the steps on how to do this?
I need your help guys on this :(
I had Twitter and Facebook buttons working perfectly a week long till yesterday when I found out them behaving oddly.
In the first place they were positioned like this: Twitter - Date - Facebook.
Starting from yesterday I found out that they changed the order alone: Twitter - Facebook - Date. And it seems that there's nothing to take the situation back to the origin.
I tried to modify the CSS and reposted the code you provided:
.post-snippet-1 { display: inline !important; }
.post-snippet-2 { display: inline !important; }
.post-snippet-3 { display: inline !important; }
But even if this is in the CSS and the order of HTML snippet in Architecture is correct, they still behave in this way. Why?
Can someone support me on this? Please.
Thanks