readme.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
   3 <head>
   4         <meta http-equiv="X-UA-Compatible" content="IE-9"/>
   5         <meta http-equiv="content-type" content="text/html; charset=utf-8" />
   6         <title>YOURLS: Your Own URL Shortener</title>
   7         <link href='http://fonts.googleapis.com/css?family=Magra:400,700' rel='stylesheet' type='text/css'>
   8         <style type="text/css" media="screen">
   9                 /* Default Style */
  10                 body {
  11                         font-family: Verdana, Arial, sans-serif;
  12                         font-size: 12px;
  13                         color: #595441;
  14                         background:#E3F3FF;
  15                         margin-top:0px;
  16                         margin-bottom:30px;
  17                 }
  18                 p {
  19                         padding-left: 10px;
  20                 }
  21                 code {
  22                         background:#eaeaef;
  23                         padding:0 2px;
  24                 }
  25                 tt {
  26                         background:#ffc;
  27                         padding:0 2px;
  28                 }
  29                 pre tt {
  30                         display:block;
  31                 }
  32                 blockquote {
  33                         margin: 10px 20px 0px 20px;
  34                         padding: 10px;
  35                         border: 1px solid #8d8d8d;
  36                         background-color: #f5f5f5;
  37                 }
  38                 li {
  39                         margin-top: 20px;
  40                 }
  41                 ul li ul li {
  42                         margin-top: 10px;
  43                 }
  44                 a, a:active, a:link, a:visited {
  45                         color: #7ba7e4;
  46                         text-decoration: none;
  47                 }
  48                 a:hover {
  49                         color: #5577a5;
  50                         text-decoration: underline;
  51                 }
  52                 div.sshot {
  53                 }
  54                 div.sshot p {
  55                         zcolor:#5577a5;
  56                         zfont-size:90%;
  57                 }
  58                 div.sshot img {
  59                         margin-bottom:1em;
  60                         border:1px solid #2A85B3;
  61                         padding:10px;
  62                         border-radius:10px;
  63                 }
  64                 #fade {
  65                         position:absolute; background: #E3F3FF; width:100%; height:230px; top:0px; left:0px; z-index:-1;
  66                         background: -webkit-gradient(linear, left top, left bottom, from(rgba(227, 243, 255, 1)), to(rgba(227, 243, 255, 0)));
  67                         background: -moz-linear-gradient(top,  rgba(227, 243, 255, 1),  rgba(227, 243, 255, 0.1)); /* for firefox 3.6+ */
  68                 }
  69                 /* Social */
  70                 @keyframes mymove { 0% {top:130px;} 50% {top:150px;} 100% {top:130px;} }
  71                 @-moz-keyframes mymove { 0% {top:130px;} 50% {top:135px;} 100% {top:130px;} }
  72                 @-webkit-keyframes mymove { 0% {top:130px;} 50% {top:140px;} 100% {top:130px;} }
  73                 @-o-keyframes mymove { 0% {top:130px;} 50% {top:135px;} 100% {top:130px;} }
  74                 #buttons{
  75                         width:80px; margin-top:10px; float:right; position:absolute; margin-left: 810px;
  76                         animation:mymove 0.5s ease 5s 7;
  77                         -moz-animation:mymove 0.5s ease 5s 7;
  78                         -webkit-animation:mymove 0.5s ease 5s 7;
  79                         -o-animation:mymove 0.5s ease 5s 7;
  80                 }
  81                 #fb,#g1,#tw{ float:left; margin:0 5px; width: 60px; height:63px; text-align: center; margin-bottom: 10px; padding:7px 2px; border:2px solid #2A85B3; background: #E3F3FF; border-radius:10px;}
  82                 #fb span {width:50px !important}
  83                 /* Place Holder Style */
  84                 #Container {
  85                         width: 850px;
  86                         margin-left: auto;
  87                         margin-right: auto;
  88                         z-index:1337;
  89                 }
  90                 #Content {
  91                     background: none repeat scroll 0 0 white;
  92                     border: 3px solid #2A85B3;
  93                         -moz-border-radius:20px;
  94                         -webkit-border-radius:20px;
  95                     border-radius: 20px;
  96                         margin-top:-13px;
  97                     min-height: 150px;
  98                     padding: 5px 20px 10px;
  99                     text-align: left;
 100                         z-index:2;
 101                 }
 102                 /* Title Style */
 103                 h1{margin:0px}
 104                 #Container h1 a {
 105                         display:block;
 106                         font-family: 'Magra', Verdana, Arial;
 107                         font-size: 32px;
 108                         font-weight: 700;
 109                         color: #2A85B3;
 110                         margin-top:0px;
 111                         margin-bottom: 0px;
 112                         background:transparent url(http://yourls.org/images/yourls-logo.png) left 5px no-repeat;
 113                         padding-top:15px;
 114                         height:80px;
 115                         padding-left:220px;
 116                         text-align:left;
 117                 }
 118                 h1 a:hover{text-decoration:none}
 119                 h1 a:hover span {
 120                         color: #88C0EB;
 121                         text-decoration:underline;
 122                 }
 123                 h2 {
 124                         font-family: 'Magra', Verdana, Arial;
 125                         font-size: 22px;
 126                         font-weight: 700;
 127                         color: #5b87b4;
 128                         margin-top:50px;
 129                 }
 130                 h2.first{margin-top:10px}
 131                 h2:before {
 132                         content: '\00BB  ';
 133                         color:#BFE0FE;
 134                 }
 135                 h3 {
 136                         font-family: 'Magra', Verdana, Arial;
 137                         font-size: 18px;
 138                         font-weight: bold;
 139                         color: #73a4d6;
 140                         margin-top:2em;
 141                 }
 142                 h3:before {
 143                         content: '\203A  ';
 144                         color:#BFE0FE;
 145                 }
 146                 /* Tabs */
 147                 ul#Tabs {
 148                         font-family: Verdana, Arial;
 149                         font-size: 13px;
 150                         font-weight: 400;
 151                         list-style-type: none;
 152                         padding-bottom: 28px;
 153                         border-bottom: 1px solid #2A85B3;
 154                         margin:0 30px 12px 30px;
 155                         z-index: 1;
 156                 }
 157                 #Tabs li.Tab {
 158                         float: right;
 159                         height: 23px;
 160                         background-color: #deedfb;
 161                         margin: 3px 0px 0px 5px;
 162                         border: 2px solid #2A85B3;
 163                         -webkit-border-top-left-radius: 10px;
 164                         -webkit-border-top-right-radius: 10px;
 165                         -moz-border-radius-topleft: 10px;
 166                         -moz-border-radius-topright: 10px;
 167                         border-top-left-radius: 10px;
 168                         border-top-right-radius: 10px;
 169                 }
 170                 #Tabs li.Tab a {
 171                         float: left;
 172                         display: block;
 173                         color: #666666;
 174                         text-decoration: none;
 175                         padding: 3px 5px;
 176                 }
 177                 #Tabs li.Tab a:hover {
 178                         background-color: #bfe0fe;
 179                         -webkit-border-top-left-radius: 10px;
 180                         -webkit-border-top-right-radius: 10px;
 181                         -moz-border-radius-topleft: 10px;
 182                         -moz-border-radius-topright: 10px;
 183                         border-top-left-radius: 10px;
 184                         border-top-right-radius: 10px;
 185                 }
 186                 /* Selected Tab */
 187                 #Tabs li.SelectedTab {
 188                         float: right;
 189                         height: 24px;
 190                         background-color: #fff;
 191                         margin: 0px 0px 0px 5px;
 192                         border-top: 2px solid #2A85B3;
 193                         border-right: 2px solid #2A85B3;
 194                         border-left: 2px solid #2A85B3;
 195                         border-bottom: 6px solid #fff;
 196                         -webkit-border-top-left-radius: 10px;
 197                         -webkit-border-top-right-radius: 10px;
 198                         -moz-border-radius-topleft: 10px;
 199                         -moz-border-radius-topright: 10px;
 200                         border-top-left-radius: 10px;
 201                         border-top-right-radius: 10px;
 202                 }
 203                 #Tabs li.SelectedTab a {
 204                         float: left;
 205                         display: block;
 206                         color: #666666;
 207                         text-decoration: none;
 208                         padding: 5px;
 209                         cursor: default;
 210                 }
 211                 /* Copyright */
 212                 #Copyright {
 213                         text-align:center;
 214                         margin-top:20px;
 215                 }
 216                 #Copyright p {
 217                         padding:10px;
 218                         background:white;
 219                         margin:0 auto;
 220                         width:750px;
 221                         border:1px solid #2A85B3;
 222                         -webkit-border-radius: 10px;
 223                         -webkit-border-bottom-right-radius: 25px;
 224                         -webkit-border-bottom-left-radius: 25px;
 225                         -moz-border-radius: 10px;
 226                         -moz-border-radius-bottomright: 30px;
 227                         -moz-border-radius-bottomleft: 30px;
 228                         border-radius: 10px;
 229                         border-bottom-right-radius: 30px;
 230                         border-bottom-left-radius: 30px;
 231                 }
 232                 #Copyright p a {
 233                         background:#fff url(http://yourls.org/images/favicon.gif) 2px center no-repeat;
 234                         padding-left:20px;
 235                 }
 236         </style>
 237         <!--[if IE]> <style>#fade{display:none}</style> <![endif]-->
 238 </head>
 239 <body>
 240 <div id="fb-root"></div>
 241 <div id="Container">
 242
 243         <!-- Title -->
 244         <h1><a href="http://yourls.org/">YOURLS: <span>Y</span>our <span>O</span>wn <span>URL</span> <span>S</span>hortener</a></h1>
 245
 246         <!-- Tabs -->
 247         <ul id="Tabs">
 248                 <li id="MoreTab" class="Tab"><a href="#More" onclick="toggle(this);">More</a></li>
 249                 <li id="FAQTab" class="Tab"><a href="#FAQ" onclick="toggle(this);">FAQ</a></li>
 250                 <li id="APITab" class="Tab"><a href="#API" onclick="toggle(this);">API</a></li>
 251                 <li id="PluginsTab" class="Tab"><a href="#Plugins" onclick="toggle(this);">YOURLS plugins</a></li>
 252                 <li id="ConfigTab" class="Tab"><a href="#Config" onclick="toggle(this);">Config</a></li>
 253                 <li id="InstallTab" class="Tab"><a href="#Install" onclick="toggle(this);">Install/Upgrade</a></li>
 254                 <li id="AboutTab" class="SelectedTab"><a href="#About" onclick="toggle(this);">About</a></li>
 255         </ul>
 256
 257         <!-- Content -->
 258         <div id="Content">
 259
 260                 <div id="buttons">
 261                         <div id="fb">
 262                         <div class="fb-like" data-href="http://yourls.org/" data-send="false" data-layout="box_count" data-width="60" data-show-faces="true" data-font="verdana"></div>
 263
 264 <script>(function(d, s, id) {
 265   var js, fjs = d.getElementsByTagName(s)[0];
 266   if (d.getElementById(id)) return;
 267   js = d.createElement(s); js.id = id;
 268   js.src = "https://connect.facebook.net/en_US/all.js#xfbml=1&appId=125474947598196";
 269   fjs.parentNode.insertBefore(js, fjs);
 270 }(document, 'script', 'facebook-jssdk'));</script>
 271                         </div>
 272                         <div id="g1">
 273                         <div class="g-plusone" data-size="tall" data-href="http://yourls.org/"></div>
 274                         <script type="text/javascript">(function(){var po=document.createElement('script');po.type='text/javascript';po.async=true;po.src='https://apis.google.com/js/plusone.js';var s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(po,s);})();</script>
 275                         </div>
 276                         <div id="tw">
 277                         <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://yourls.org" data-via="ozh" data-lang="en" data-related="YOURLS" data-count="vertical">Tweet</a>
 278                         <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
 279                         </div>
 280                 </div>
 281
 282                 <!-- Index -->
 283                 <div id="AboutDiv">
 284                         <h2 class='first'>About YOURLS</h2>
 285
 286                         <h3 id="what">What is YOURLS</h3>
 287                         <p><strong>YOURLS</strong> stands for <strong>Your Own URL Shortener</strong>. It is a small set of PHP scripts that will allow you to run your own URL shortening service (<em>a la</em> TinyURL or bitly).</p>
 288
 289                         <p>Running your own URL shortener is fun, geeky and useful: you own your data and don't depend on third party services. It's also a great way to add branding to your short URLs, instead of using the same public URL shortener everyone uses.</p>
 290
 291                         <h3 id="features">YOURLS Features</h3>
 292                         <ul>
 293                                 <li><tt>Free</tt> and <tt>Open Source</tt> software.</li>
 294                                 <li><tt>Private</tt> (your links only) or <tt>Public</tt> (everybody can create short links, fine for an intranet)</li>
 295                                 <li>Sequential or custom URL keyword</li>
 296                                 <li>Handy <tt>bookmarklets</tt> to easily shorten and share links</li>
 297                                 <li>Awesome <tt>stats</tt>: historical click reports, referrers tracking, visitors geo-location</li>
 298                                 <li>Neat <tt>Ajaxed</tt> interface</li>
 299                                 <li>Terrific <tt>Plugin</tt> architecture to easily implement new features</li>
 300                                 <li>Cool developer <tt>API</tt></li>
 301                                 <li>Full <tt>jsonp</tt> support</li>
 302                                 <li>Friendly <tt>installer</tt></li>
 303                                 <li><tt>Sample files</tt> to create your own public interface and more</li>
 304                         </ul>
 305
 306                         <h3 id="screenshots">Screenshots</h3>
 307
 308                         <div class="sshot">
 309                                 <p>Main admin dashboard</p>
 310                                 <img src="http://yourls.org/yourls-org-images/admin-dashboard.gif" />
 311
 312                                 <p>Stats for each short URL</p>
 313                                 <img src="http://yourls.org/yourls-org-images/stats-anim.gif" />
 314
 315                                 <p>See a live example of YOURLS stats on <a href="http://yourls.org/cookie+">http://yourls.org/cookie+</a></p>
 316                         </div>
 317
 318                         <h2 id="download">Download</h2>
 319
 320                         <p><a href="http://yourls.org/download">Download YOURLS</a> from Github</p>
 321                         <p>You can follow YOURLS' development on the <a href="http://yourls.org/revisions">commit history</a> and get <a href="https://github.com/YOURLS/YOURLS/archive/master.zip">current development build</a></p>
 322
 323                         <h2 id="credits">Credits</h2>
 324
 325                         <p>YOURLS is made by:</p>
 326                         <ul>
 327                                 <li><a href="http://yourls.org/lesterchan" title="Visit Lester Chan's site">Lester Chan</a> &ndash; <a href="http://twitter.com/gamerz">@GamerZ</a> on Twitter (initial idea)</li>
 328                                 <li><a href="http://yourls.org/ozh" title"Visit Ozh's site">Ozh Richard</a> &ndash; <a href="http://twitter.com/ozh">@Ozh</a> on Twitter (development)</li>
 329                         </ul>
 330                         <p>Keep up to date: follow <a href="http://twitter.com/ozh">Ozh</a> and read the official <a href="http://blog.yourls.org/">YOURLS Blog</a></p>
 331                 </div>
 332
 333                 <!-- Installation Instructions -->
 334                 <div id="InstallDiv" style="display: none;">
 335                         <h2 class='first' id="fresh">Fresh Install</h2>
 336                         <ol>
 337                                 <li>Unzip the YOURLS archive</li>
 338                                 <li>Copy <code>user/config-sample.php</code> to <code>user/config.php</code></li>
 339                                 <li>Open <code>user/config.php</code> with a raw text editor (like Notepad) and fill in the required settings</li>
 340                                 <li>Upload the unzipped files to your domain <code>public_html</code> or <code>www</code> folder</li>
 341                                 <li>Create a new database (see <a href="#Config" onclick="toggle(this);">Configuration</a> &ndash; you can also use an existing one)</li>
 342                                 <li>Point your browser to <code>http://yoursite.com/admin/</code></li>
 343                         </ol>
 344
 345                         <h2 id="upgrade">Upgrade</h2>
 346                         <ol>
 347                                 <li><strong>Backup the database!</strong></li>
 348                                 <li>Unzip the YOURLS archive</li>
 349                                 <li>Upload files to your server, overwriting your existing install</li>
 350                                 <li>Point your browser to <code>http://yoursite.com/admin/</code></li>
 351                                 <li>Tip: you can now move your <code>config.php</code> file to the <code>/user</code> directory</li>
 352                         </ol>
 353
 354                         <h2 id="upgrade13">Upgrade from YOURLS 1.3 or earlier</h2>
 355                         <ol>
 356                                 <li><strong>Backup the database!</strong></li>
 357                                 <li>Make a copy of your <code>config.php</code></li>
 358                                 <li>Delete all files including <code>.htaccess</code> in YOURLS root directory</li>
 359                                 <li>Unzip the YOURLS archive, upload the files</li>
 360                                 <li>Copy <code>config-sample.php</code> to <code>config.php</code> and fill in details. <strong>Don't start with your old config file</strong>, use the new sample config file.</li>
 361                                 <li>In your new <code>config.php</code>, add the <em>defines</em> for <code>YOURLS_DB_TABLE_URL</code> and <code>YOURLS_DB_TABLE_NEXTDEC</code> you had in your previous config file
 362                                 <li>Point your browser to <code>http://yoursite.com/admin/</code> and follow instructions</li>
 363                                 <li>After upgrade is well and over, remove the define <code>YOURLS_DB_TABLE_NEXTDEC</code> from your config file</li>
 364                         </ol>
 365
 366                 </div>
 367
 368                 <!-- Configuration Instructions -->
 369                 <div id="ConfigDiv" style="display: none;">
 370                         <h2 class='first'>Configuration (in <code>user/config.php</code>)</h2>
 371                         <h3 id="mysql">MySQL settings</h3>
 372                         <ul>
 373                                 <li><code>YOURLS_DB_USER</code><br/>
 374                                 your MySQL username<br/>
 375                                 <em>Example:</em> <tt>'joe'</tt></li>
 376                                 <li><code>YOURLS_DB_PASS</code><br/>
 377                                 your MySQL password<br/>
 378                                 <em>Example:</em> <tt>'MySeCreTPaSsW0rd'</tt></li>
 379                                 <li><code>YOURLS_DB_NAME</code>:
 380                                 The database name<br/>
 381                                 <em>Example:</em> <tt>'yourls'</tt></li>
 382                                 <li><code>YOURLS_DB_HOST</code><br/>
 383                                 The database host<br/>
 384                                 <em>Example:</em> <tt>'localhost'</tt></li>
 385                                 <li><code>YOURLS_DB_PREFIX</code><br/>
 386                                 The name prefix for all the tables YOURLS will need<br/>
 387                                 <em>Example:</em> <tt>'yourls_'</tt></li>
 388                         </ul>
 389
 390                         <h3 id="site">Site options</h3>
 391                         <ul>
 392                                 <li><code>YOURLS_SITE</code><br/>
 393                                 Your (short) domain URL, no trailing slash, lowercase. If you pick the non-www version of your domain, don't use the www version in your browser (and vice-versa)<br/>
 394                                 <em>Example:</em> <tt>'http://ozh.in'</tt></li>
 395                                 <li><code>YOURLS_HOURS_OFFSET</code><br/>
 396                                 Timezone GMT offset<br/>
 397                                 <em>Example:</em> <tt>'-5'</tt></li>
 398                                 <li><code>YOURLS_PRIVATE</code><br/>
 399                                 Private means the admin area will be protected with login/pass as defined below. See <a href="http://yourls.org/privatepublic">Private or Public</a> for more.<br/>
 400                                 <em>Example:</em> <tt>'true'</tt></li>
 401                                 <li><code>YOURLS_UNIQUE_URLS</code><br/>
 402                                 Allow multiple short URLs for a same long URL<br/>
 403                                 Set to <tt>true</tt> to allow only one pair of shortURL/longURL (default YOURLS behavior), or to <tt>false</tt> to allow creation of multiple short URLs pointing to the same long URL (as bit.ly does)<br/>
 404                                 <em>Example:</em> <tt>'true'</tt></li>
 405                                 <li><code>YOURLS_COOKIEKEY</code><br/>
 406                                 A random secret hash used to encrypt cookies. You don't have to remember it, make it long and complicated. Hint: generate a unique one at <a href="http://yourls.org/cookie">http://yourls.org/cookie</a><br/>
 407                                 <em>Example:</em> <tt>'qQ4KhL_pu|s@Zm7n#%:b^{A[vhm'</tt></li>
 408                                 <li><code>yourls_user_passwords</code><br/>
 409                                 A list of username(s) and password(s) allowed to access the site if private<br/>
 410                                 Passwords can either be in plain text, or encrypted: see <a href="http://yourls.org/userpassword">http://yourls.org/userpassword</a> for more information<br/>
 411                                 <em>Example:</em> <tt>'joe' => 'mypassword'</tt></li>
 412                         </ul>
 413
 414                         <h3 id="urlsettings">URL Shortening settings</h3>
 415                         <ul>
 416                                 <li><code>YOURLS_URL_CONVERT</code><br/>
 417                                 URL shortening method: base <tt>36</tt> or <tt>62</tt>. See <a onclick="toggle(this);" href="#FAQ">FAQ</a> for more explanations</li>
 418                                 <li><code>yourls_reserved_URL</code><br/>
 419                                 A list of reserved keywords that won't be used as short URLs. Define here negative, unwanted or potentially misleading keywords<br/>
 420                                 <em>Example:</em> <tt>'porn', 'faggot', 'sex', 'nigger', 'fuck', 'cunt', 'dick', 'gay'</tt></li>
 421                         </ul>
 422
 423                         <h3 id="optional">Optional settings</h3>
 424                         <ul>
 425                                 <li><code>YOURLS_PRIVATE_INFOS</code><br/>
 426                                 If <code>YOURLS_PRIVATE</code> is set to <tt>true</tt>, you can still make stat pages public. To do so, define with:<br/>
 427                                 <tt>define('YOURLS_PRIVATE_INFOS', false);</tt>
 428                                 </li>
 429                                 <li><code>YOURLS_PRIVATE_API</code><br/>
 430                                 If <code>YOURLS_PRIVATE</code> is set to <tt>true</tt>, you can still make your API public. To do so, define with:<br/>
 431                                 <tt>define('YOURLS_PRIVATE_API', false);</tt>
 432                                 <li><code>YOURLS_NOSTATS</code><br/>
 433                                 If <code>YOURLS_NOSTATS</code> is set to <tt>true</tt>, redirects won't be logged and there will be not stats available.<br/>
 434                                 </li>
 435                         </ul>
 436
 437                         <h3 id="advanced">Advanced settings</h3>
 438                         <p>File <code>includes/yourls-load.php</code> contains a few more undocumented but self explanatory and commented settings. Add them to your own <code>config.php</code> if you know what you're doing.</p>
 439                 </div>
 440
 441                 <!-- YOURLS plugins -->
 442                 <div id="PluginsDiv" style="display:none">
 443                         <h2 class='first'>Plugins for YOURLS</h2>
 444
 445                         <h3 id="plugins">Plugins?</h3>
 446                         <p>Plugins are additional PHP scripts that extend the functionalities or features of YOURLS. The core of YOURLS is designed to be as light as possible and avoid bloat (implementing functions not everybody needs) and to allow for easy customization.</p>
 447                         <p>Using the plugin architecture, you can add new features to YOURLS without having to modify core files. This way, your changes won't be lost when you upgrade your YOURLS installation and you can easily activate and deactivate a plugin from the admin interface.</p>
 448                         <p>There's a growing number of plugins available: check the <a href="http://yourls.org/pluginlist">Plugin list</a>.</p>
 449
 450                         <h3 id="documentation">Documentation</h3>
 451                         <p>Several sample plugins are included in the archive. Read the source and learn the concept. It's easy and fun!</p>
 452                         <p>Check the <a href="http://yourls.org/pluginapi">plugin API documentation</a> to learn more</p>
 453
 454                 </div>
 455
 456                 <!-- API -->
 457                 <div id="APIDiv" style="display:none">
 458                         <h2 class='first'>YOURLS' API</h2>
 459
 460                         <h3 id="apifeatures">Features</h3>
 461                         <ul>
 462                                 <li>Generate or get existing short URLs, with sequential or custom keyword</li>
 463                                 <li>Get some statistics about your links: top clicked links, least clicked links, newest links</li>
 464                                 <li>Output format: JSON, XML, or simple raw text</li>
 465                                 <li>Authentify either with login/password or using a secure passwordless mechanism</li>
 466                         </ul>
 467
 468                         <h3 id="apiusage">Usage</h3>
 469                         <p>You need to send parameters to <code>http://yoursite.com/yourls-api.php</code> either via <code>GET</code> or <code>POST</code> (remember to URL encode parameters if via GET). These parameters are:</p>
 470                         <ul>
 471                                 <li>A valid <code>username</code> / <code>password</code> pair, or your <code>signature</code> (see <a href="http://yourls.org/passwordlessapi">Passwordless API requests</a>)</li>
 472                                 <li>The requested <code>action</code>: <tt>"shorturl"</tt> (get short URL for a link), <tt>"expand"</tt> (get long URL of a shorturl), <tt>"url-stats"</tt> (get stats about one short URL), <tt>"stats"</tt> (get stats about your links) or <tt>"db-stats"</tt> (get global link and click count)</li>
 473                                 <li>With <tt>action = "shorturl"</tt> :
 474                                         <ul>
 475                                                 <li>the <code>url</code> to shorten</li>
 476                                                 <li>optional <code>keyword</code> and <code>title</code> for custom short URLs</li>
 477                                                 <li>output <code>format</code>: either <tt>"json"</tt>, <tt>"xml"</tt> or <tt>"simple"</tt></li>
 478                                         </ul>
 479                                 </li>
 480                                 <li>With <tt>action = "expand"</tt> :
 481                                         <ul>
 482                                                 <li>the <code>shorturl</code> to expand (can be either 'abc' or 'http://site/abc')</li>
 483                                                 <li>output <code>format</code>: either <tt>"json"</tt>, <tt>"xml"</tt> or <tt>"simple"</tt></li>
 484                                         </ul>
 485                                 </li>
 486                                 <li>With <tt>action = "url-stats"</tt> :
 487                                         <ul>
 488                                                 <li>the <code>shorturl</code> for which to get stats (can be either 'abc' or 'http://site/abc')</li>
 489                                                 <li>output <code>format</code>: either <tt>"json"</tt> or <tt>"xml"</tt></li>
 490                                         </ul>
 491                                 </li>
 492                                 <li>With <tt>action = "stats"</tt> :
 493                                         <ul>
 494                                                 <li>the <code>filter</code>: either <tt>"top"</tt>, <tt>"bottom"</tt> , <tt>"rand"</tt> or <tt>"last"</tt></li>
 495                                                 <li>the <code>limit</code> (maximum number of links to return)</li>
 496                                                 <li>output <code>format</code>: either <tt>"json"</tt> or <tt>"xml"</tt></li>
 497                                         </ul>
 498                                 </li>
 499                                 <li>With <tt>action = "db-stats"</tt> :
 500                                         <ul>
 501                                                 <li>output <code>format</code>: either <tt>"json"</tt> or <tt>"xml"</tt></li>
 502                                         </ul>
 503                                 </li>
 504                         </ul>
 505
 506                         <h3 id="apireturn">Sample return</h3>
 507                         <pre><tt>&lt;result&gt;
 508         &lt;url&gt;
 509                 &lt;keyword&gt;shorter&lt;/keyword&gt;
 510                 &lt;url&gt;http://somereallylongurlyouneedtoshrink.com/&lt;/url&gt;
 511                 &lt;title&gt;The Page Title&lt;/title&gt;
 512                 &lt;date&gt;2009-06-23 18:08:07&lt;/date&gt;
 513                 &lt;ip&gt;127.0.0.1&lt;/ip&gt;
 514         &lt;/url&gt;
 515         &lt;status&gt;success&lt;/status&gt;
 516         &lt;message&gt;http://somereallylongurlyouneedtoshrink.com/ (ID: shorter) added to database&lt;/message&gt;
 517         &lt;title&gt;The Page Title&lt;/title&gt;
 518         &lt;shorturl&gt;http://yoursite.com/shorter&lt;/shorturl&gt;
 519         &lt;statusCode&gt;200&lt;/statusCode&gt;
 520 &lt;/result&gt;</tt></pre>
 521
 522                         <h3 id="apisample">Sample file</h3>
 523                         <p>There's a sample file included that serves as an example on how to play with the API</p>
 524
 525                 </div>
 526
 527
 528                 <!-- FAQ Instructions -->
 529                 <div id="FAQDiv" style="display: none;">
 530                         <h2 class='first'>FAQ</h2>
 531
 532                         <h3 id="requirement">Server requirements</h3>
 533                         <ol>
 534                                 <li>A server with <strong>mod_rewrite</strong> enabled</li>
 535                                 <li>At least <strong>PHP 4.3</strong></li>
 536                                 <li>At least <strong>MYSQL 4.1</strong></li>
 537                                 <li><em>Note</em>: YOURLS can also run on <a href="http://www.packetcollision.com/2012/01/27/yourls-and-nginx-an-updated-config/">Nginx</a> and <a href="http://www.ututech.com/2010/10/configuring-yourls-to-work-with-cherokee-web-server/">Cherokee</a></li>
 538                         </ol>
 539
 540                         <h3 id="recommendation">Server recommendations</h3>
 541                         <ul>
 542                                 <li>PHP <a href="http://www.php.net/curl">CURL extension</a> installed if you plan on playing with the API</li>
 543                         </ul>
 544
 545                         <h3 id="limitations">Limitations</h3>
 546                         <ul>
 547                                 <li>Maximum length of long URLs to be shortened is <strong>2000 characters</strong></li>
 548                                 <li>Maximum length of custom keyword is <strong>200 characters</strong></li>
 549                                 <li>That makes about <strong>8 sexdecillions of centillions</strong> of available URLs (<a href="http://en.wikipedia.org/wiki/Names_of_large_numbers">seriously</a>. That's a 355 digits number). </li>
 550                         </ul>
 551
 552                         <h3 id="base3662">Difference Between Base 36 And Base 62 Encoding</h3>
 553                         <ul>
 554                                 <li>Base 36 encoding uses <code>0123456789abcdefghijklmnopqrstuvwxyz</code> for short URLs</li>
 555                                 <li>Base 62 encoding uses <code>0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz</code></li>
 556                                 <li>Stick to one setting, don't change after you've created links as it will change all your short URLs!</li>
 557                                 <li>Base 36 is the default and should be picked if you're not sure.</li>
 558                         </ul>
 559
 560                         <h3 id="shortdomain">Getting a short domain name for your YOURLS install</h3>
 561                         <ul>
 562                                 <li>Unless you plan on making it public and as popular as bit.ly, any shared hosting will be fine. Ozh runs all his YOURLS instance on <a href="http://yourls.org/dreamhost">Dreamhost</a> and it works just great.</li>
 563                                 <li><a href="http://domai.nr/">Domainr</a> is a fun search tool that might inspire and help you</li>
 564                                 <li>Aim for exotic top level domains (.in, .im, .li ...), they're often cheap and a lot are still available. <a href="https://www.gandi.net/domain/buy/search/">Gandi</a> is a pretty comprehensive registrar, for instance.</li>
 565                         </ul>
 566
 567                         <h3 id="htaccess">YOURLS needs its own .htaccess</h3>
 568                         <ul>
 569                                 <li>You cannot install YOURLS and, say, WordPress, in the same directory. Both need to handle URLs differently and need their own <tt>.htaccess</tt> file.</li>
 570                                 <li>If you want to install YOURLS on the same domain than your blog, give it its own (short) subdirectory, such as yourblog.com/s/ (for "short") or yourblog.com/x/ (for "exit")</li>
 571                         </ul>
 572
 573                         <h3 id="does404">If YOURLS generates 404 for your short URLs</h3>
 574                         <ul>
 575                                 <li>Make sure <strong>mod_rewrite</strong> is enabled with your Apache server</li>
 576                                 <li>Make sure your .htaccess file looks like <a href="http://yourls.org/htaccess">this one</a></li>
 577                                 <li>Eventually, check your server Apache configuration allows use of .htaccess (<tt>AllowOverride All</tt> directive, ask your server admin)</li>
 578                         </ul>
 579
 580                         <h3 id="noindex">There is no index page at the root of the install</h3>
 581                         <ul>
 582                                 <li>Indeed. It's intented. It's up to the user to make what they need. Some will redirect the root to a different place, some make a public interface for anyone to shorten links, some make a portfolio. You make it.</li>
 583                                 <li>If you want to make a public interface, there's a sample file provided as an example. In such a case, please be aware that you will most likely attract gazillions of spammers with pharmacy links and the like. You are strongly advised to install anti-spam plugins.</li>
 584                         </ul>
 585
 586                         <h3 id="lowercase">Uppercase letters in short URLs are eaten up, eg "<code>OmgOzh</code>" becomes "<code>mgzh</code>" !</h3>
 587                         <ul>
 588                                 <li>Indeed. It's intented if you selected Base 36 (see above). Letters that don't belong to the character set, eg <code>@#!</code> or <code>ABC</code>, are removed.</li>
 589                                 <li>If you want to force lowercase, you'll need a <a href="http://yourls.org/pluginlist">plugin</a>.</li>
 590                         </ul>
 591
 592                         <h3 id="feedback">Feedback, feature requests and bug reporting</h3>
 593                         <ol>
 594                                 <li>Please don't get in touch directly by mail or Twitter. <a href="http://yourls.org/support">Please</a>.</li>
 595                                 <li>Check the <a href="http://yourls.org/roadmap">Road Map</a> for future features.</li>
 596                                 <li>Read all the <a href="http://yourls.org/wiki">wiki documents</a>.</li>
 597                                 <li>Search in all the <a href="http://yourls.org/issues">issues</a>, open and closed.</li>
 598                                 <li>Eventually raise a new issue. To do so, please read the <a href="http://yourls.org/contribute">contribute guidelines</a>. Thanks!</li>
 599                         </ol>
 600
 601                 </div>
 602
 603
 604                 <!-- More -->
 605                 <div id="MoreDiv" style="display: none;">
 606
 607                         <h2 class='first'>Community</h2>
 608
 609                         <p>YOURLS is open source, so the community of users plays a great role in its development, by contributing, helping others or giving feedback that helps improve the software.</p>
 610
 611                         <h3 id="ressources">Resources</h3>
 612                         <ul>
 613                                 <li>The official <a href="http://blog.yourls.org">YOURLS blog</a>, for news, hints and showcase.</li>
 614                                 <li>The <a href="http://yourls.org/wiki">wiki</a>: advanced documentation, plugins, tips and more</li>
 615                                 <li>Follow <a href="https://twitter.com/YOURLS">@YOURLS</a> for hardcore development, and <a href="https://twitter.com/ozh">@Ozh</a> for tips and news (and random geekiness too)</li>
 616                         </ul>
 617
 618                         <h2 id="showcase">Showcase</h2>
 619
 620                         <h3>Here are a few examples of sites running YOURLS with a unique design or concept</h3>
 621                         <ul>
 622                                 <li><a href="http://oe.cd/">http://oe.cd/</a><br/>
 623                                 OECD's internal URL shortener with a neat interface and private features</li>
 624
 625                                 <li><a href="http://freze.it/">http://freze.it/</a></br/>
 626                                 Shortens and saves a screenshot of a long URL</li>
 627
 628                                 <li><a href="http://xib.me/">http://xib.me/</a></br/>
 629                                 A nicely styled YOURLS public interface</li>
 630
 631                                 <li><a href="http://girv.in/">http://girv.in/</a><br/>
 632                                 John Girvin's YOURLS setup with all links in a sortable display (and its <a href="https://github.com/johngirvin/yourls-index-page">source</a>)</li>
 633
 634                                 <li><a href="http://rml.me/">http://rml.me/</a><br/>
 635                                 A personal URL shortener front page showing new links and most clicked links</li>
 636
 637                                 <li><a href="http://vt802.us/">http://vt802.us/</a><br/>
 638                                 Defined as "The World's First Vermont-centric URL Shortener"</li>
 639
 640                                 <li><a href="http://yourwish.es/">http://yourwish.es/</a><br/>
 641                                 Easily share an Amazon wishlist</li>
 642
 643                                 <li><a href="http://vbly.us">http://vbly.us</a><br/>
 644                                 Public YOURLS setup and early adopter, run by famous sex writer Violet Blue as "the internet's first and only sex-positive url shortener", once taken down by Libya (<a href="http://www.readwriteweb.com/archives/libya_shuts_down_vbly_bitly_owly_next.php">story</a>)</li>
 645                         </ul>
 646
 647                         <h2 id="frameworks">YOURLS and other platforms or frameworks</h2>
 648                         <ul>
 649                                 <li id="wordpress"><a href="http://wordpress.org/extend/plugins/search.php?q=yourls">WordPress</a><br/>
 650                                 There are numerous WordPress plugin with YOURLS support. The <a href="http://wordpress.org/extend/plugins/yourls-wordpress-to-twitter/">official plugin</a> is no longer maintained. <a href="http://wordpress.org/extend/plugins/yourls-link-creator/">YOURLS Link Creator</a> is recommended.</li>
 651
 652                                 <li id="drupal"><a href="http://drupal.org/project/yourls">Drupal</a><br/>
 653                                 Allows for the automatic creation of short urls using a YOURLS installation</li>
 654
 655                                 <li id="perl"><a href="http://github.com/pjain/WWW-Shorten-Yourls">Perl</a><br/>
 656                                 WWW-Shorten-Yourls is a Perl module to shorten URLs using YOURLS</li>
 657
 658                                 <li id="ruby"><a href="https://github.com/threestage/yourls">Ruby</a><br/>
 659                                 A Ruby wrapper for the YOURLS API</li>
 660
 661                                 <li id="python"><a href="http://tflink.github.com/python-yourls/">Python</a><br/>
 662                                 A Python client for YOURLS</li>
 663
 664                                 <li id="javascript"><a href="http://neocotic.com/yourls-api/">Javascript</a><br/>
 665                                 JavaScript bindings for the YOURLS API to leverage JSONP support</li>
 666
 667                                 <li id="cake"><a href="https://github.com/driflash/CakePHP-YOURLS-Plugin">CakePHP</a><br/>
 668                                 Plugin which integrates CakePHP with Yourls</li>
 669
 670                                 <li id="statusnet"><a href="https://github.com/rthees/yourls-status-net">status.net</a><br/>
 671                                 A plugin for status.net to use YOURLS</li>
 672
 673                                 <li id="sharetronix"><a href="http://developer.sharetronix.com/mpview/12/tag:yourls">Sharetronix</a><br/>
 674                                 A YOURLS addon for Sharetronix</li>
 675
 676                         </ul>
 677
 678                         <h2>YOURLS works with your favorite sofware or device</h2>
 679                         <ul>
 680                                 <li id="tweetie2"><a href="http://www.eugenegordin.com/etc/how-to-use-your-custom-yourls-shortener-with-tweetie-2.html">Tweetie 2</a><br/>
 681                                 How to set up Tweetie2 so it uses your own service</li>
 682
 683                                 <li id="tweetdeck"><a href="http://remkusdevries.com/how-to-setup-tweetdeck-with-yourls/">TweetDeck</a><br/>
 684                                 Set up TweetDeck to run with YOURLS</li>
 685
 686                                 <li id="tweetbot"><a href="http://2fatdads.com/2012/02/how-to-make-yourls-org-work-in-tweetbot/">Tweetbot</a><br/>
 687                                 Make Tweetbot run with YOURLS</li>
 688
 689                                 <li id="seesmic"><a href="http://christophe.rousee.fr/plugin-yourls-pour-seesmic-desktop-2">Seesmic</a><br/>
 690                                 Use YOURLS with Seesmic</li>
 691
 692                                 <li id="twitterfeed"><a href="http://blog.yourls.org/2011/09/how-to-use-twitterfeed-with-your-custom-yourls-url-shortener/">Twitterfeed</a><br/>
 693                                 Use Twitterfeed with YOURLS</li>
 694
 695                                 <li id="mac"><a href="http://timi.im/app/">Mac Client</a><br/>
 696                                 Simple app to have a global keyboard shortcut send a link to YOURLS</li>
 697
 698                                 <li id="android">Android: <a href="https://play.google.com/store/apps/details?id=com.mndroid.apps.urly">URLy</a> and <a href="https://play.google.com/store/apps/details?id=de.keineantwort.android.urlshortener">URL Shortener</a><br/>
 699                                 Android apps that plays nice with YOURLS</li>
 700
 701                                 <li id="iphone"><a href="http://itunes.apple.com/us/app/clicklytics-track-clicks-on/id444008024?mt=8">iOS</a><br/>
 702                                 Clicklytics track links using YOURLS on iPhone and iPad</li>
 703
 704                                 <li id="chrome"><a href="https://github.com/ukoms/Chrourls">Chrourls</a><br/>
 705                                 Google Chrome quick link shortening addon for YOURLS</li>
 706
 707                                 <li id="firefox"><a href="https://addons.mozilla.org/en-us/firefox/addon/yourls-shortener/">Firefox Addon</a><br/>
 708                                 Firefox Addon for YOURLS</li>
 709
 710                                 <li id="textexpander"><a href="http://www.chrismarquardt.com/blog.php?id=7952283233607249761">Textexpander and YOURLS</a><br/>
 711                                 Making YOURLS and Textexpander on the Mac play together</li>
 712                         </ul>
 713
 714                         <h2 id="morestuff">More stuff to do with YOURLS</h2>
 715                         <ul>
 716
 717                                 <li><a href="https://github.com/tomslominski/infinity-squared">Infinity Squared</a><br/>
 718                                 &#8734;&sup2; is a public page theme for YOURLS to help you design your own public interface</li>
 719
 720                                 <li><a href="https://github.com/johngirvin/yourls-index-page">John Girvin's page</a><br/>
 721                                 The source of http://girv.in/ home page</li>
 722
 723                                 <li><a href="https://github.com/ctrloptcmd/xs.ht">xs.ht</a><br/>
 724                                 An example front end page for YOURLS</li>
 725
 726                                 <li><a href="http://screenr.com/nTs">http://screenr.com/nTs</a><br/>
 727                                 A screencast explaining how to setup YOURLS</li>
 728
 729                                 <li><a href="http://v007.me/836">YOURLS: Short URL Widget</a><br/>
 730                                 Creates a fully configurable widget that outputs the short URL to the current post or page</li>
 731
 732                                 <li><a href="http://foolrulez.org/blog/2009/09/yourls-widget-released">YOURLS Widget for WordPress</a><br/>
 733                                 This widget adds a convenient short URL service into your sidebar. Check the above link for a live example</li>
 734
 735                                 <li><a href="http://www.stewartallen.org/2010/08/yourls-twitter-tools-wordpress-plugin/">Twitter Tools & YOURLS</a><br/>
 736                                 Companion plugin for Alex King's Twitter Tool for WordPress, that enables YOURLS support</li>
 737
 738                                 <li><a href="http://code.google.com/p/yourls/issues/detail?id=137">Export URLS as text list</a><br/>
 739                                 A simple script to list all URLs, one per line, in plain text (for using as an indexer config file, for example)</li>
 740
 741                                 <li>YOURLS featured on <a href="http://lifehacker.com/5335216/make-your-own-url-shortening-service">Lifehacker</a></li>
 742                         </ul>
 743
 744                         <h2>"Celebrity endorsements", sort of.</h2>
 745                         <ul>
 746
 747                                 <li><a href="http://ithem.es/">http://ithem.es/</a> by <a href="http://www.ithemes.com/">iThemes</a></li>
 748
 749                                 <li><a href="http://virg.in/">http://virg.in/</a> for the <a href="http://www.virgin.com/">Virgin Group companies</a></li>
 750
 751                                 <li><a href="http://dhurl.org/">http://dhurl.org/</a> by <a href="http://yourls.org/dreamhost">Dreamhost</a></li>
 752
 753                         </ul>
 754
 755
 756                 </div>
 757         </div> <!-- content -->
 758 </div> <!-- container -->
 759
 760 <div id="fade"></div>
 761
 762         <script type="text/javascript">
 763         /* <![CDATA[*/
 764         // Dynamically get tabs
 765         function getTabs() {
 766                 var d = document.getElementById('Tabs');
 767                 var matches = d.innerHTML.match(/<li id="(.+?)Tab"/g);
 768                 var tabs = []
 769                 for (i in matches) {
 770                   tabs[i]= matches[i].replace('<li id="','').replace('Tab"', '');
 771                 }
 772                 tabs = tabs.reverse();
 773                 return (tabs)
 774         }
 775         // Scroll to ?anchor
 776         // window.location.hash
 777
 778         // Toggle tab display
 779         function toggle(el) {
 780                 var hashes = el.toString().replace(/^.*?#/, '').split('#');
 781                 var target = hashes[0];
 782                 var anchor = hashes[1];
 783                 // If tab doesn't exist, exit
 784                 if( tabs.indexOf( target ) == -1 )
 785                         return;
 786                 for (var tab in tabs) {
 787                         // reinit tabs
 788                         document.getElementById(tabs[tab]+'Tab').className = 'Tab';
 789                         // reinit divs
 790                         document.getElementById(tabs[tab]+'Div').style.display= 'none';
 791                 }
 792                 // highlight & display target
 793                 document.getElementById(target+'Div').style.display = 'block';
 794                 document.getElementById(target+'Tab').className = 'SelectedTab';
 795                 randbg();
 796                 try { el.blur(); } catch(err) {}
 797                 // Try scrolling to anchor
 798                 try {
 799                         window.scroll(0,findPos(document.getElementById(anchor)));
 800                 } catch(err) { window.location.hash = target; }
 801         }
 802         // Get tab list
 803         var tabs = getTabs();
 804         // On page load/refresh display required tab
 805         if (location.hash) {
 806                 toggle(location.hash);
 807         }
 808         // Background fancyness
 809         function randbg(){
 810                 var rndbg = [ 'bg_ants.png', 'bg_circles.png', 'bg_cross.png', 'bg_diag.png', 'bg_fuzzy.png', 'bg_fuzzy_bits.png', 'bg_yourls.png', 'bg_fuzzy_bits.png', 'bg_life.png', 'bg_boobs.png' ];
 811                 var bg = rndbg[ Math.floor( Math.random() * rndbg.length ) ];
 812                 document.body.style.background='#E3F3FF url(user/plugins/random-bg/img/'+bg+')';
 813         };
 814         randbg();
 815         //Finds y value of given object
 816         function findPos(obj) {
 817                 var curtop = 0;
 818                 if (obj.offsetParent) {
 819                         do {
 820                                 curtop += obj.offsetTop;
 821                         } while (obj = obj.offsetParent);
 822                 curtop = curtop - 30;
 823                 return [curtop];
 824                 }
 825         }
 826         /* ]]> */
 827         </script>
 828
 829
 830 </body>
 831 </html>