You are viewing a plain text version of this content. The canonical link for it is here.
Posted to dev@openoffice.apache.org by Anonymous CMS User <an...@apache.org> on 2013/01/17 17:23:00 UTC

[CMS PATCH] [Iteration 1] Social Media Integration: Download Page

Clone URL (Committers only):
https://cms.apache.org/redirect?new=anonymous;action=diff;uri=http://ooo-site.apache.org/download%2F

Samer Mansour samer519@gmail.com

Hello submitting this change to allow users to 'share' the download page on social media sites AOO currently has profiles on.

Please see "[Iteration 1] Social Media Integration" thread in marketing mailing list for full details how this change came about or contact Rob Weir or myself.

First time committer, let me know if I'm doing something wrong.

Thanks!

Index: trunk/content/download/exceptions.css
===================================================================
--- trunk/content/download/exceptions.css	(revision 1434510)
+++ trunk/content/download/exceptions.css	(working copy)
@@ -50,6 +50,13 @@
 .sub-blue { background: #E1E1FF; border-top: 1px solid #D1D1FF; border-bottom: 1px solid #D1D1FF; font-size: .8em; }
 .sub-blue p { padding: .1em 3%; width: 94%; }
 
+.lightblue { background: url(/download/cachedimages/button-lightblue.png) #D8E5F6 right 0 no-repeat; }
+.lightblue:hover { background: url(/download/cachedimages/button-lightblue.png) #C3D9F1 right -200px no-repeat; }
+.lightblue h2 a { color: #2D72CE; }
+.lightblue:hover h2 a, #bodycol .lightblue h2 a:hover { color: #21549A; }
+.sub-lightblue { background: #E1E1FF; border-top: 1px solid #D1D1FF; border-bottom: 1px solid #D1D1FF; font-size: .8em; }
+.sub-lightblue p { padding: .1em 3%; width: 94%; }
+
 .yellow { background: url(/download/cachedimages/button-yellow.png) #FFF379 right top no-repeat; }
 .yellow:hover { background: url(/download/cachedimages/button-yellow.png) #FFF24F right -200px no-repeat; }
 .yellow h2 a { color: #E09C09; }
Index: trunk/content/download/index.html
===================================================================
--- trunk/content/download/index.html	(revision 1434510)
+++ trunk/content/download/index.html	(working copy)
@@ -61,6 +61,20 @@
   /* ]]> */
   </style>
 
+  <script>
+	function shareFacebook() {
+		window.open('https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.openoffice.org%2Fdownload%2F','_blank','toolbar=0,status=0,width=580,height=325');	
+	}
+	
+	function shareTwitter(){
+		window.open('https://twitter.com/intent/tweet?url=http%3A%2F%2Fwww.openoffice.org%2Fdownload%2F&text=Join+the+OpenOffice+revolution%2C+the+free+office+productivity+suite+with+over+30+million+trusted+downloads.&hashtags=openoffice','_blank','toolbar=0,status=0,width=580,height=325');
+	}
+	
+	function shareGooglePlus(){
+		window.open('https://plus.google.com/share?url=http%3A%2F%2Fwww.openoffice.org%2Fdownload%2F','_blank','toolbar=0,status=0,width=580,height=325');
+	}
+  </script>
+	
 </head>
 
 <body>
@@ -136,6 +150,17 @@
   </div>
   </noscript>
 
+  <!-- Light Blue: Share Download -->
+  <div class="button lightblue" >
+	<h2><a>Social Media</a></h2>
+    <p id='ShareDownloadLinks'>
+	  <a>Please tell your friends about Apache OpenOffice.</a>
+	  <a style="display:inline; padding: 0 5px 0 30px;" href="javascript:shareFacebook(); "><img src='images/logo-facebook-32.png' /></a>
+	  <a style="display:inline; padding: 0 5px;" href="javascript:shareTwitter(); "><img src='images/logo-twitter-32.png' /></a>
+	  <a style="display:inline; padding: 0 5px;" href="javascript:shareGooglePlus(); "><img src='images/logo-googleplus-32.png'  /></a>	 
+	</p>
+  </div>
+	
 <!-- Blue: Extensions -->
   <div class="button blue" id="optionitem3" onclick="openItem('optionitem3','http://extensions.services.openoffice.org');
     return false;">


Re: [CMS PATCH] [Iteration 1] Social Media Integration: Download Page

Posted by "Marcus (OOo)" <ma...@wtnet.de>.
Am 01/18/2013 03:30 AM, schrieb Rob Weir:
> On Thu, Jan 17, 2013 at 5:32 PM, Marcus (OOo)<ma...@wtnet.de>  wrote:
>> Am 01/17/2013 05:28 PM, schrieb Rob Weir:
>>
>>> Thanks for the patch.  I'll review and commit.
>>
>>
>> Even when the patch came a bit surprisingly, it looks quite nice. And still
>> some space for additions like text or just more icons + links.
>>
>
> Sorry about that.  We've been working on this on the marketing list
> for around a month.  A new volunteer prototyped 4 variations of the
> page, with different placement and wording for the "sharing" links.
> We then did a controlled experiment using Google Analytics to see
> which variation yielded the most shares.  That test ran for 2 weeks
> and the patch you see was to put the winning design into production.

thats interesting.

> Since not everyone is on the marketing list, in the future we should
> update the dev list on what we are proposing before implementing it.

Yes, just tell what is planned and which proposal seems to make most 
sense and should be implemented.

> Me bad.

No problem. I'm looking a bit closer to areas of our website that are a 
bit more important than others ( the root page, download and so on) and 
shouldn't be changed too often. You know, more changes --> more possible 
problems. ;-)

>> The blue graphic is well fitting. Just curious, was the graphic
>> "/download/cachedimages/button-lightblue.png" already existing in SVN or is
>> it new?
>>
>
> It is new.
>
>> Let's see if it will help to spread AOO into the world better.
>>
>
> We should get around 100 shares per day.   If each person has maybe 50
> people in the social network (on average) then that is 5,000 extra
> people who may hear about AOO each day.  And since they are hearing an
> endorsement from someone they know, the effect can be quite powerful.
>
> -Rob

Marcus



>>> On Thu, Jan 17, 2013 at 11:23 AM, Anonymous CMS User
>>> <an...@apache.org>   wrote:
>>>>
>>>> Clone URL (Committers only):
>>>>
>>>> https://cms.apache.org/redirect?new=anonymous;action=diff;uri=http://ooo-site.apache.org/download%2F
>>>>
>>>> Samer Mansour samer519@gmail.com
>>>>
>>>> Hello submitting this change to allow users to 'share' the download page
>>>> on social media sites AOO currently has profiles on.
>>>>
>>>> Please see "[Iteration 1] Social Media Integration" thread in marketing
>>>> mailing list for full details how this change came about or contact Rob Weir
>>>> or myself.
>>>>
>>>> First time committer, let me know if I'm doing something wrong.
>>>>
>>>> Thanks!

Re: [CMS PATCH] [Iteration 1] Social Media Integration: Download Page

Posted by Kay Schenk <ka...@gmail.com>.
On Fri, Jan 18, 2013 at 2:41 PM, Marcus (OOo) <ma...@wtnet.de> wrote:

> Am 01/18/2013 03:34 AM, schrieb Rob Weir:
>
>  On Thu, Jan 17, 2013 at 9:30 PM, Rob Weir<ro...@apache.org>  wrote:
>>
>>> On Thu, Jan 17, 2013 at 5:32 PM, Marcus (OOo)<ma...@wtnet.de>
>>>  wrote:
>>>
>>>> Am 01/17/2013 05:28 PM, schrieb Rob Weir:
>>>>
>>>>  Thanks for the patch.  I'll review and commit.
>>>>>
>>>>
>>>>
>>>> Even when the patch came a bit surprisingly, it looks quite nice. And
>>>> still
>>>> some space for additions like text or just more icons + links.
>>>>
>>>>
>>> Sorry about that.  We've been working on this on the marketing list
>>> for around a month.  A new volunteer prototyped 4 variations of the
>>>
>>
>> Oh, I should mention that the new volunteer (Samer Mansour) is now
>> working on some prototype designs to integrate like/follow links into
>> the homepage.
>>
>
> Here we have already the "I want to stay in touch with OpenOffice"
> section. Let's see how he want this to improve.
>
> Marcus


Yes, looking forward to it -- that particular area does need improvement..
Advance notice/review  would be appreciated.


>
>
>
>  page, with different placement and wording for the "sharing" links.
>>> We then did a controlled experiment using Google Analytics to see
>>> which variation yielded the most shares.  That test ran for 2 weeks
>>> and the patch you see was to put the winning design into production.
>>>
>>> Since not everyone is on the marketing list, in the future we should
>>> update the dev list on what we are proposing before implementing it.
>>> Me bad.
>>>
>>>  The blue graphic is well fitting. Just curious, was the graphic
>>>> "/download/cachedimages/**button-lightblue.png" already existing in
>>>> SVN or is
>>>> it new?
>>>>
>>>>
>>> It is new.
>>>
>>>  Let's see if it will help to spread AOO into the world better.
>>>>
>>>>
>>> We should get around 100 shares per day.   If each person has maybe 50
>>> people in the social network (on average) then that is 5,000 extra
>>> people who may hear about AOO each day.  And since they are hearing an
>>> endorsement from someone they know, the effect can be quite powerful.
>>>
>>> -Rob
>>>
>>>  Marcus
>>>>
>>>>
>>>>
>>>>
>>>>  On Thu, Jan 17, 2013 at 11:23 AM, Anonymous CMS User
>>>>> <an...@apache.org>   wrote:
>>>>>
>>>>>>
>>>>>> Clone URL (Committers only):
>>>>>>
>>>>>> https://cms.apache.org/**redirect?new=anonymous;action=**
>>>>>> diff;uri=http://ooo-site.**apache.org/download%2F<https://cms.apache.org/redirect?new=anonymous;action=diff;uri=http://ooo-site.apache.org/download%2F>
>>>>>>
>>>>>> Samer Mansour samer519@gmail.com
>>>>>>
>>>>>> Hello submitting this change to allow users to 'share' the download
>>>>>> page
>>>>>> on social media sites AOO currently has profiles on.
>>>>>>
>>>>>> Please see "[Iteration 1] Social Media Integration" thread in
>>>>>> marketing
>>>>>> mailing list for full details how this change came about or contact
>>>>>> Rob Weir
>>>>>> or myself.
>>>>>>
>>>>>> First time committer, let me know if I'm doing something wrong.
>>>>>>
>>>>>> Thanks!
>>>>>>
>>>>>


-- 
----------------------------------------------------------------------------------------
MzK

"No act of kindness, no matter how small, is ever wasted."
                                                                         --
Aesop

Re: [CMS PATCH] [Iteration 1] Social Media Integration: Download Page

Posted by "Marcus (OOo)" <ma...@wtnet.de>.
Am 01/18/2013 03:34 AM, schrieb Rob Weir:
> On Thu, Jan 17, 2013 at 9:30 PM, Rob Weir<ro...@apache.org>  wrote:
>> On Thu, Jan 17, 2013 at 5:32 PM, Marcus (OOo)<ma...@wtnet.de>  wrote:
>>> Am 01/17/2013 05:28 PM, schrieb Rob Weir:
>>>
>>>> Thanks for the patch.  I'll review and commit.
>>>
>>>
>>> Even when the patch came a bit surprisingly, it looks quite nice. And still
>>> some space for additions like text or just more icons + links.
>>>
>>
>> Sorry about that.  We've been working on this on the marketing list
>> for around a month.  A new volunteer prototyped 4 variations of the
>
> Oh, I should mention that the new volunteer (Samer Mansour) is now
> working on some prototype designs to integrate like/follow links into
> the homepage.

Here we have already the "I want to stay in touch with OpenOffice" 
section. Let's see how he want this to improve.

Marcus



>> page, with different placement and wording for the "sharing" links.
>> We then did a controlled experiment using Google Analytics to see
>> which variation yielded the most shares.  That test ran for 2 weeks
>> and the patch you see was to put the winning design into production.
>>
>> Since not everyone is on the marketing list, in the future we should
>> update the dev list on what we are proposing before implementing it.
>> Me bad.
>>
>>> The blue graphic is well fitting. Just curious, was the graphic
>>> "/download/cachedimages/button-lightblue.png" already existing in SVN or is
>>> it new?
>>>
>>
>> It is new.
>>
>>> Let's see if it will help to spread AOO into the world better.
>>>
>>
>> We should get around 100 shares per day.   If each person has maybe 50
>> people in the social network (on average) then that is 5,000 extra
>> people who may hear about AOO each day.  And since they are hearing an
>> endorsement from someone they know, the effect can be quite powerful.
>>
>> -Rob
>>
>>> Marcus
>>>
>>>
>>>
>>>
>>>> On Thu, Jan 17, 2013 at 11:23 AM, Anonymous CMS User
>>>> <an...@apache.org>   wrote:
>>>>>
>>>>> Clone URL (Committers only):
>>>>>
>>>>> https://cms.apache.org/redirect?new=anonymous;action=diff;uri=http://ooo-site.apache.org/download%2F
>>>>>
>>>>> Samer Mansour samer519@gmail.com
>>>>>
>>>>> Hello submitting this change to allow users to 'share' the download page
>>>>> on social media sites AOO currently has profiles on.
>>>>>
>>>>> Please see "[Iteration 1] Social Media Integration" thread in marketing
>>>>> mailing list for full details how this change came about or contact Rob Weir
>>>>> or myself.
>>>>>
>>>>> First time committer, let me know if I'm doing something wrong.
>>>>>
>>>>> Thanks!

Re: [CMS PATCH] [Iteration 1] Social Media Integration: Download Page

Posted by Rob Weir <ro...@apache.org>.
On Thu, Jan 17, 2013 at 9:30 PM, Rob Weir <ro...@apache.org> wrote:
> On Thu, Jan 17, 2013 at 5:32 PM, Marcus (OOo) <ma...@wtnet.de> wrote:
>> Am 01/17/2013 05:28 PM, schrieb Rob Weir:
>>
>>> Thanks for the patch.  I'll review and commit.
>>
>>
>> Even when the patch came a bit surprisingly, it looks quite nice. And still
>> some space for additions like text or just more icons + links.
>>
>
> Sorry about that.  We've been working on this on the marketing list
> for around a month.  A new volunteer prototyped 4 variations of the

Oh, I should mention that the new volunteer (Samer Mansour) is now
working on some prototype designs to integrate like/follow links into
the homepage.

-Rob


> page, with different placement and wording for the "sharing" links.
> We then did a controlled experiment using Google Analytics to see
> which variation yielded the most shares.  That test ran for 2 weeks
> and the patch you see was to put the winning design into production.
>
> Since not everyone is on the marketing list, in the future we should
> update the dev list on what we are proposing before implementing it.
> Me bad.
>
>> The blue graphic is well fitting. Just curious, was the graphic
>> "/download/cachedimages/button-lightblue.png" already existing in SVN or is
>> it new?
>>
>
> It is new.
>
>> Let's see if it will help to spread AOO into the world better.
>>
>
> We should get around 100 shares per day.   If each person has maybe 50
> people in the social network (on average) then that is 5,000 extra
> people who may hear about AOO each day.  And since they are hearing an
> endorsement from someone they know, the effect can be quite powerful.
>
> -Rob
>
>> Marcus
>>
>>
>>
>>
>>> On Thu, Jan 17, 2013 at 11:23 AM, Anonymous CMS User
>>> <an...@apache.org>  wrote:
>>>>
>>>> Clone URL (Committers only):
>>>>
>>>> https://cms.apache.org/redirect?new=anonymous;action=diff;uri=http://ooo-site.apache.org/download%2F
>>>>
>>>> Samer Mansour samer519@gmail.com
>>>>
>>>> Hello submitting this change to allow users to 'share' the download page
>>>> on social media sites AOO currently has profiles on.
>>>>
>>>> Please see "[Iteration 1] Social Media Integration" thread in marketing
>>>> mailing list for full details how this change came about or contact Rob Weir
>>>> or myself.
>>>>
>>>> First time committer, let me know if I'm doing something wrong.
>>>>
>>>> Thanks!

Re: [CMS PATCH] [Iteration 1] Social Media Integration: Download Page

Posted by Rob Weir <ro...@apache.org>.
On Thu, Jan 17, 2013 at 5:32 PM, Marcus (OOo) <ma...@wtnet.de> wrote:
> Am 01/17/2013 05:28 PM, schrieb Rob Weir:
>
>> Thanks for the patch.  I'll review and commit.
>
>
> Even when the patch came a bit surprisingly, it looks quite nice. And still
> some space for additions like text or just more icons + links.
>

Sorry about that.  We've been working on this on the marketing list
for around a month.  A new volunteer prototyped 4 variations of the
page, with different placement and wording for the "sharing" links.
We then did a controlled experiment using Google Analytics to see
which variation yielded the most shares.  That test ran for 2 weeks
and the patch you see was to put the winning design into production.

Since not everyone is on the marketing list, in the future we should
update the dev list on what we are proposing before implementing it.
Me bad.

> The blue graphic is well fitting. Just curious, was the graphic
> "/download/cachedimages/button-lightblue.png" already existing in SVN or is
> it new?
>

It is new.

> Let's see if it will help to spread AOO into the world better.
>

We should get around 100 shares per day.   If each person has maybe 50
people in the social network (on average) then that is 5,000 extra
people who may hear about AOO each day.  And since they are hearing an
endorsement from someone they know, the effect can be quite powerful.

-Rob

> Marcus
>
>
>
>
>> On Thu, Jan 17, 2013 at 11:23 AM, Anonymous CMS User
>> <an...@apache.org>  wrote:
>>>
>>> Clone URL (Committers only):
>>>
>>> https://cms.apache.org/redirect?new=anonymous;action=diff;uri=http://ooo-site.apache.org/download%2F
>>>
>>> Samer Mansour samer519@gmail.com
>>>
>>> Hello submitting this change to allow users to 'share' the download page
>>> on social media sites AOO currently has profiles on.
>>>
>>> Please see "[Iteration 1] Social Media Integration" thread in marketing
>>> mailing list for full details how this change came about or contact Rob Weir
>>> or myself.
>>>
>>> First time committer, let me know if I'm doing something wrong.
>>>
>>> Thanks!

Re: [CMS PATCH] [Iteration 1] Social Media Integration: Download Page

Posted by "Marcus (OOo)" <ma...@wtnet.de>.
Am 01/17/2013 05:28 PM, schrieb Rob Weir:
> Thanks for the patch.  I'll review and commit.

Even when the patch came a bit surprisingly, it looks quite nice. And 
still some space for additions like text or just more icons + links.

The blue graphic is well fitting. Just curious, was the graphic 
"/download/cachedimages/button-lightblue.png" already existing in SVN or 
is it new?

Let's see if it will help to spread AOO into the world better.

Marcus



> On Thu, Jan 17, 2013 at 11:23 AM, Anonymous CMS User
> <an...@apache.org>  wrote:
>> Clone URL (Committers only):
>> https://cms.apache.org/redirect?new=anonymous;action=diff;uri=http://ooo-site.apache.org/download%2F
>>
>> Samer Mansour samer519@gmail.com
>>
>> Hello submitting this change to allow users to 'share' the download page on social media sites AOO currently has profiles on.
>>
>> Please see "[Iteration 1] Social Media Integration" thread in marketing mailing list for full details how this change came about or contact Rob Weir or myself.
>>
>> First time committer, let me know if I'm doing something wrong.
>>
>> Thanks!

Re: [CMS PATCH] [Iteration 1] Social Media Integration: Download Page

Posted by Rob Weir <ro...@apache.org>.
Thanks for the patch.  I'll review and commit.

-Rob

On Thu, Jan 17, 2013 at 11:23 AM, Anonymous CMS User
<an...@apache.org> wrote:
> Clone URL (Committers only):
> https://cms.apache.org/redirect?new=anonymous;action=diff;uri=http://ooo-site.apache.org/download%2F
>
> Samer Mansour samer519@gmail.com
>
> Hello submitting this change to allow users to 'share' the download page on social media sites AOO currently has profiles on.
>
> Please see "[Iteration 1] Social Media Integration" thread in marketing mailing list for full details how this change came about or contact Rob Weir or myself.
>
> First time committer, let me know if I'm doing something wrong.
>
> Thanks!
>
> Index: trunk/content/download/exceptions.css
> ===================================================================
> --- trunk/content/download/exceptions.css       (revision 1434510)
> +++ trunk/content/download/exceptions.css       (working copy)
> @@ -50,6 +50,13 @@
>  .sub-blue { background: #E1E1FF; border-top: 1px solid #D1D1FF; border-bottom: 1px solid #D1D1FF; font-size: .8em; }
>  .sub-blue p { padding: .1em 3%; width: 94%; }
>
> +.lightblue { background: url(/download/cachedimages/button-lightblue.png) #D8E5F6 right 0 no-repeat; }
> +.lightblue:hover { background: url(/download/cachedimages/button-lightblue.png) #C3D9F1 right -200px no-repeat; }
> +.lightblue h2 a { color: #2D72CE; }
> +.lightblue:hover h2 a, #bodycol .lightblue h2 a:hover { color: #21549A; }
> +.sub-lightblue { background: #E1E1FF; border-top: 1px solid #D1D1FF; border-bottom: 1px solid #D1D1FF; font-size: .8em; }
> +.sub-lightblue p { padding: .1em 3%; width: 94%; }
> +
>  .yellow { background: url(/download/cachedimages/button-yellow.png) #FFF379 right top no-repeat; }
>  .yellow:hover { background: url(/download/cachedimages/button-yellow.png) #FFF24F right -200px no-repeat; }
>  .yellow h2 a { color: #E09C09; }
> Index: trunk/content/download/index.html
> ===================================================================
> --- trunk/content/download/index.html   (revision 1434510)
> +++ trunk/content/download/index.html   (working copy)
> @@ -61,6 +61,20 @@
>    /* ]]> */
>    </style>
>
> +  <script>
> +       function shareFacebook() {
> +               window.open('https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.openoffice.org%2Fdownload%2F','_blank','toolbar=0,status=0,width=580,height=325');
> +       }
> +
> +       function shareTwitter(){
> +               window.open('https://twitter.com/intent/tweet?url=http%3A%2F%2Fwww.openoffice.org%2Fdownload%2F&text=Join+the+OpenOffice+revolution%2C+the+free+office+productivity+suite+with+over+30+million+trusted+downloads.&hashtags=openoffice','_blank','toolbar=0,status=0,width=580,height=325');
> +       }
> +
> +       function shareGooglePlus(){
> +               window.open('https://plus.google.com/share?url=http%3A%2F%2Fwww.openoffice.org%2Fdownload%2F','_blank','toolbar=0,status=0,width=580,height=325');
> +       }
> +  </script>
> +
>  </head>
>
>  <body>
> @@ -136,6 +150,17 @@
>    </div>
>    </noscript>
>
> +  <!-- Light Blue: Share Download -->
> +  <div class="button lightblue" >
> +       <h2><a>Social Media</a></h2>
> +    <p id='ShareDownloadLinks'>
> +         <a>Please tell your friends about Apache OpenOffice.</a>
> +         <a style="display:inline; padding: 0 5px 0 30px;" href="javascript:shareFacebook(); "><img src='images/logo-facebook-32.png' /></a>
> +         <a style="display:inline; padding: 0 5px;" href="javascript:shareTwitter(); "><img src='images/logo-twitter-32.png' /></a>
> +         <a style="display:inline; padding: 0 5px;" href="javascript:shareGooglePlus(); "><img src='images/logo-googleplus-32.png'  /></a>
> +       </p>
> +  </div>
> +
>  <!-- Blue: Extensions -->
>    <div class="button blue" id="optionitem3" onclick="openItem('optionitem3','http://extensions.services.openoffice.org');
>      return false;">
>