I've set up a drigg site, invited few friends to test it out, & here is a series of some preliminary reports (I hope these help to improve drigg).

One of the first and almost unanimous feedbacks that I received from my users is that they all asked for an eazy-to-use button on browser toolbar to automatically submit a page and its content to the drigg site.

One of the best and most user friendly button of such kind is on Facebook (see attached image) .. so that people can just drag the button into their toolbar. And after they click it, the button will collect the URL, the title and the text and image content of a given page and then bring the user to the completed drigg submit form, where he can review the submission, choose category & tags, and click the final submit button.

What my users have said is that right now the whole drigg submit process is slow that they'd rather use digg.com or facebook or any other such website where submit-process if seamless & automated, but not a drigg site.

CommentFileSizeAuthor
facebook_button.jpg10.28 KBdrupalina

Comments

mercmobily’s picture

Hi,

Drigg has a ONE page submission process. Digg has more. Anyway.
This would be a nice feature. However, I am a (bad) PHP programmer, and don't know anything about Javascript etc.

So, this will need to come as a patch.

Anybody?

Merc.

silvanov’s picture

I believe the community is already working on this, a bookmarklet of sorts. See here for details http://www.drigg-code.org/node/127 although I have yet to try it myself, it looks like what your looking for. Maybe someone already using it or that wrote it could write a tutorial on how to integrate it into their site.

mercmobily’s picture

Hi,

I am accidentally working on a bookmarklet myself right now. I hacked together some basic JS code, and am looking for Anthony to go through it.

However, that's to allow people to add a "FSDaily it" button to their sides. I am not sure how easy it would then be to adapt that code so that it can be placed in the browser's bookmark.

Anyone?

Merc.

silvanov’s picture

Merc, I think its actually two different features, a bookmarklet, which users of the sites bookmark or add to favorites in order to more quickly add a "Submission" to different drigg sites, while the external vote button is a feature that webmasters would integrate into their sites to more easily allow users of their sites to submit thier stories to drigg sites. Both are great features to have with drigg, and I highly anticipate both. Just wanted to clarify that they were both different features.

mercmobily’s picture

Hi,

The External Voting Button, the ""Submit to FSDaily" and a Bookmarkable Javascript to submit ANY page are indeed three different features. The EVB will have to wait a while. The other two might happen in the short term.

Merc.

drupalina’s picture

External Voting Button would be cool sometime in the future, but that's not what I'm talking about.

Here's what my users say:
1) We are very lazy & we have very little time!
2) we are so lazy that we can't be asked to...
a) come to your website
b) click on the "submit" button
c) fill in 6 forms (URL, Title, Body, Category, Tag, etc)

in short, the success of any drigg site depends a LOT on how frequently content is added, and, therefore, on how easy it is to add content.

What users want to see is a fast and efficient content submission process. Like this:
1) they drag-&-drop a "share on example.com" bookmarklet on their own browzer toolbar.
2) whenever they surf the web, when they find content that they wish to share on example.com, all they they have to do is click on that bookmarklet button which is now on their browser toolbar.
3) After that they will be brought to new window of the example.com/submit with automatically prepopulated
a) URL form -- with the url of the external story that they wish to add
b) story title -- with the actual title of that external story
c) story description -- with the body content of that external story

4) so all that the lazy web2.0 users will need to do now is just check that everything is correct, choose a Category and a Tag ... and click the "submit" button...
5) that's it...

in effect, content can be submitted with as little as 2 clicks. And believe me, in this day-and-age , the users are uber-lazy!!!

I've searched drupal, and there seem to be many of there javascript "bookmarklets" available. For example:
http://drupal.org/node/151217
http://drupal.org/node/84652
http://www.tejasa.com/bookmarklet

(you can just google search the words "drupal bookmarklet")

it looks like there is a Prepopulate module http://drupal.org/project/prepopulate that can be made to work with drigg.

Unfortunately, I'm not a programmer. I just throw this idea on the table because I believe that any drigg website will benefit from such an eazy-to-use button. And this suggestion is based on what *many* of my users have said.

I don't think it's too much effort for anybody who knows what they're doing. If anybody can develop something like this *please* post it here, so that other drigg users benefit at well.

mercmobily’s picture

Hi,

What you are saying can be done with the bookmarklet I am working on.
However, this is impossible:

c) story description -- with the body content of that external story

Anything else is indeed possible.

Bye,

Merc.

drupalina’s picture

hi,
I've been experimenting with bookmarklets ... Prepopulate module makes it really easy.

Theoretically speaking, there should be no reason for the story's description [body] not to be prepopulated too. The ReadMe Usage file of the Prepopulate module claims that prepopulating the Body field is posible by adding the [body_filter][body] because...

Body fields are different. Though their HTML entity looks like this:

<textarea id="edit-body" class="form-textarea resizable processed"
  name="body" rows="20" cols="60"/>

You can't just take the name "body," throw it into a edit[body] and
expect it to work. Drupal wraps the body field into a "body_filter"
array when it gets processed.

so far I've got URL and Title being prefilled with the help of the Prepopulate module and the following code:

<a href="javascript:u=document.location.href;t=document.title;s=window.getSelection();void(window.open(%22http://example.com/node/add/drigg?edit[title]=%22+escape(t)+'&edit[body]='+escape(s)+'&edit[url]='+escape(u),'_blank','width=1024,height=500,status=yes,resizable=yes,scrollbars=yes'));">share on example.com</a>

-------------------------------------------------
Also....

I've found the following code to work for URL & Title even without the Prepopulate moule:

<a href="javascript:w=window;d=document;a=encodeURIComponent(d.location.href);t=encodeURIComponent(d.title);if(w.getSelection){s=w.getSelection();}else%20if(document.getSelection){s=document.getSelection();}else%20if(document.selection)%20{s=d.selection.createRange().text;}else{s='';};void(w.open('http://example.com/node/add/drigg?&title='+t+'&url='+a+'&edit[body]='+s,%20null,'modal=0,status=1,scrollbars=1,toolbar=0,resizable=1,width=730,height=500'));">share on rigg.org</a>

------------------------------------------------------
... now we need to find a way for the *story's description* to be scooped as well. If I'm not mistaken the array for that is [body] ... so now we need to figure out how to prepopulate that...

(sorry, if this came out as a "diary" entry ... I hope it helps the drigg community in the future)

drupalina’s picture

for what it's worth, this seems to be the Facebook's code for that button. Hope it helps in constructing the drigg bookmarklet.

<div id="share_button" class="sidecolumn_module"><div id="share_button_dialog">

<a href="javascript:var d=document,f='http://www.facebook.com/share',l=d.location,e=encodeURIComponent,p='.php?src=bm&v=4&i=1206171330&u='+e(l.href)+'&t='+e(d.title);1;try{if (!/^(.*\.)?facebook\.[^.]*$/.test(l.host))throw(0);share_internal_bookmarklet(p)}catch(z) {a=function() {if (!window.open(f+'r'+p,'sharer','toolbar=0,status=0,resizable=0,width=626,height=436'))l.href=f+p};if (/Firefox/.test(navigator.userAgent))setTimeout(a,0);else{a()}}void(0)" onclick="aiert('Drag this button to your Bookmarks Bar.'); return false;" class="share_button_browser_link" title="Drag this link to your Bookmarks Bar. Click to learn more."><div class="share_button_browser share_button_ff_win"><div><div><div><div>Share on Facebook</div></div></div></div></div></a>

<p>Drag the button above to your Bookmarks Bar to quickly share content with your friends.</p><p><a href="/share_options.php">More details &#187;</a></p></div></div>
drupalina’s picture

an update:

I use the following code

<a href="javascript:w=window;d=document;a=encodeURIComponent(d.location.href);t=encodeURIComponent(d.title);if(w.getSelection){s=w.getSelection();}else%20if(document.getSelection){s=document.getSelection();}else%20if(document.selection)%20{s=d.selection.createRange().text;}else{s='';};void(w.open('http://example.com/node/add/drigg?&title='+t+'&url='+a+'&edit[body]='+s,%20null,'modal=0,status=1,scrollbars=1,toolbar=0,resizable=1,width=730,height=500'));">share on drigg-example.org</a>
It works even without the Prepopulate module

I still can't get the Scoop Description to prepopulate with external article's body text. I know there is a way cause I've seen it done on many drupal sites. If anybody can help, please write here.

------------
Also problem with the above code is that when clicked in Firefox the popup window will appear behind the current window (not very user-friendly). It seems like a little setTimeout command will set it right, but I can't get it to work. The following article explains this in a little more detail http://javascript.weblogsinc.com/2005/04/04/firefox-bookmarklets-and-hid...

If anyone can write a better Bookmarklet code , please share it with us -- the lesser mortals.

mercmobily’s picture

Status: Active » Fixed

Hi,

I have finally finalised the "official" Bookmarklet's code. You will find it here:

http://www.drigg-code.org/pages/download_and_install (Right at the bottom)

Also, Drupalina, please keep in mind that it's _impossible_ for the Javascript code to work out what the Story's description is. Javascript can easily work out the link you're visiting (it's the URL), the title (Which is set in the page), and that's it. The rest of the page is a bit HTML blob for Javascript.

With the bookmarklet code above, the window also appears at the front.

Please open a new issue if a new problem with this new code arises.

Merc.

mercmobily’s picture

Status: Fixed » Closed (fixed)