Using sharethis and addthis links

Question

Level 1

31 points

Using sharethis and addthis links

Has anyone had any success using widgets from sharethis.com and addthis.com? I've tried them on my iWeb 08 pages without any success. They show up alright. But when you click on them, they take you to a page with contains nothing but the graphic. That's for the email link. I tried the same with their myspace links. Maybe I'm doing something wrong.

MacPro 2.8 Dual (Early 2008), Mac OS X (10.5.2)

Posted on Jun 16, 2008 1:48 PM

Reply

Answer 1

Wyodor

Level 6

19,930 points

Jun 16, 2008 2:19 PM in response to Eric Basir

When I click the link on your page I get this:

!http://web.mac.com/wyodor/_Discussions/ShareThis.png!

Reply

Answer 2

Eric Basir Author

Level 1

31 points

Jun 16, 2008 2:43 PM in response to Wyodor

Right. Let's try this specific page: http://web.mac.com/abetterreality/Restoration/News/Entries/2008/1/7Website_Launched_For_Reuniting_%26_Identifying_LostPhotos.html

Now click on the sharethis link at the bottom-right. Then choose email as your sharing method and send it to yourself. When you receive the mail, you won't see the page nor the content. It takes you through to its own link. Very odd.

Reply

Answer 3

Eric Basir Author

Level 1

31 points

Jun 16, 2008 2:44 PM in response to Eric Basir

Ugh, sorry about the multiple posts. It was an accident. The site kept hanging up on me. I didn't mean to annoy anyone.

Reply

Answer 4

Wyodor

Level 6

19,930 points

Jun 16, 2008 3:52 PM in response to Eric Basir

I send myself the page. The email is fine. But the link in the e-mail is not.

That's because it sends me to the page that iWeb creates for the HTML Snippet. The widget_markup.html page.

iWeb creates such page for code you enter in the HTML Snippet. Technically it is an iframe in the webpage.

The sharethis code has no idea about this. It's not sharethis' fault.

The sharethis code should be embedded in the webpage itself, not in a Snippet.

You have to do that manually after publishing.

Reply

Answer 5

Eric Basir Author

Level 1

31 points

Jun 16, 2008 6:07 PM in response to Wyodor

Ah, I think I'm beginning to get it. So if I don't manually enter the code after publishing, as you put it, there is no other easy way to use this fancy technology.

Reply

Answer 6

Eric Basir Author

Level 1

31 points

Jun 18, 2008 10:42 AM in response to Eric Basir

Just like you said: It won't work. Phooey. I just got an email from ShareThis:

"Hello,
Our service is not compatible with iWeb '08; we apologize for the
inconvenience. iWeb adds an additional class to our CSS that causes our
widget to be displayed behind all other elements of the web page in some
templates, in others, our widget iFrame does not load at all as it seems
to be in your case. If you have direct access to edit your iWeb
templates CSS, you may be able to manage a fix.

We greatly apologize for the inconvenience.

Thanks for using ShareThis!
-ShareThis Support"

Reply

Answer 7

Wyodor

Level 6

19,930 points

Jun 18, 2008 11:22 AM in response to Eric Basir

It's a JavaScript they use.

I edited the iWeb page after publishing. This is how it should look if everything went according to plan.

[ShareThis|http://web.mac.com/wyodor/_Demo/ShareThis.html]

Reply

Answer 8

Eric Basir Author

Level 1

31 points

Jun 19, 2008 5:00 AM in response to Wyodor

Interesting. Not sure how you did it! But very interesting. However, I noticed that the preview of the page is not your original page. Rather, it is a generic .mac page.

Reply

Answer 9

Wyodor

Level 6

19,930 points

Jun 19, 2008 5:38 AM in response to Eric Basir

I added the code manually to the published page.

Reply

Answer 10

Eric Basir Author

Level 1

31 points

Jun 19, 2008 8:22 AM in response to Wyodor

Please tell me how to do that.

Reply

Answer 11

Wyodor

Level 6

19,930 points

Jun 19, 2008 9:09 AM in response to Eric Basir

Open a HTML Editor. [Taco HTML|http://tacosw.com> is a good choice.

Navigate to your Site and open the HTML file with the page name: pagename.html in the HTML Editor.

Open the folder pagename_files.

Open the file widget0_markup.html in the HTML Editor.

If you have more widgets on your page, then you'll see numbered files. Open them all to see which one you need.

You are now in the HTML Editor.

In the widget_markup.html file copy the code between <body> and </body>.

Select pagename.html and find the <iframe> with the widget_markup.hml in the HTML code.

Delete the <iframe> and the </iframe>.

Paste the code you copied from the widget_markup.html file.

Save the pagename.html file.

Go to the browser and open the URL to that page.

Test the ShareThis code.

Reply

Answer 12

Jun 19, 2008 6:10 PM in response to Wyodor

One little caveat to this, you will have to do it every time you modify the page and republish it.
Mireille

Reply

Answer 13

Eric Basir Author

Level 1

31 points

Jun 19, 2008 6:32 PM in response to Mireille Green1

Yikes. This is sounding complicated. Can I use TextEdit for an HTML editor?

Reply