We’ve added a new feature for owners of sites that contain embedded YouTube-videos. It can be large video portals and mini-sites containing just one clip (e.g. screencast). Now any built-in (embedded) YouTube video can generate income. You just need to insert our Javascript and then every embedded video automatically will look like this:

As you can see, the new block was added at the bottom. It contains the link for downloading our application GotClip Downloader. This link already contains the original ID of video it attached, so GotClip will start download this video automatically when user downloads and installs it (of course, user can use the software to download any videos later). Attention! This feature only works for YouTube-videos.

Each install of GotClip will be paid in accordance with our rates (http://www.perinstallcash.com/rates).

The appearance of the block is fully adjustable with CSS-styles, it can easily fit into any design.

Next, we consider the process of installing a script on your site.

Script setup

1. Login into members area of PerInstallCash and go to PromoTools. Select GotClip and then activate “Embedded video script” tab. Grab the code from there and save it into file named gotclip.js.

2. Upload the script onto your server to folder with other javascript files.

3. Open your site’s HTML-template file in any text editor and add this line inside the <head> section:

<script type="text/javascript" src="/path-to-js/gotclip.js"></script>
change path-to-js to your real path. Then save edited file to server.

 

Now installation is completed and only thing to do is setup block’s design with CSS.

To get such design you have to add this CSS code:

.gotclip
{
     position: relative;
     padding: 3px;
     margin: 0;
     text-align: center;
     border: 1px solid black;
     background-image: -webkit-gradient(linear, center top, center bottom, from(#4d4d4d), to(black));
     background-image: -webkit-linear-gradient(top, #4d4d4d, black);
     background-image: -moz-linear-gradient(top, #4d4d4d, black);
     background-image: -o-linear-gradient(top, #4d4d4d, black);
     background-image: -ms-linear-gradient(top, #4d4d4d, black);
     background-image: linear-gradient(top, #4d4d4d, black);
}
.gotclip div
{
     font-family: arial;
     font-size: 9px;
     color: #CCC;
     font-family: tahoma;
     font-size: 11px;
     display: inline-block;
}
.gotclip a
{
     color: white;
     font-weight: bold;
}

Just for note, if you insert this code into <head> section then it must be wrapped in <style></style> tags. But if you place the code into separate css-file then tags must be omitted.

You can get such design by modifying this code:

CSS-code for this style is below:

.gotclip
{
     position: relative;
     padding: 3px;
     margin: 0;
     text-align: center;
     border: 1px solid #A96B6B;
     background-image: -webkit-gradient(linear, center top, center bottom, from(#EBE4BB), to(#B86512), color-stop(50%, #C69033));
     background-image: -webkit-linear-gradient(top, #EBE4BB, #C69033 50%, #B86512);
     background-image: -moz-linear-gradient(top, #EBE4BB, #C69033 50%, #B86512);
     background-image: -o-linear-gradient(top, #EBE4BB, #C69033 50%, #B86512);
     background-image: -ms-linear-gradient(top, #EBE4BB, #C69033 50%, #B86512);
     background-image: linear-gradient(top, #EBE4BB, #C69033 50%, #B86512);
}
.gotclip div
{
     font-family: arial;
     font-size: 9px;
     color: #FFFFFF;
     font-family: tahoma;
     font-size: 11px;
     text-shadow: 1px 1px 0 #565656;
     display: inline-block;
}
.gotclip a
{
     color: white;
     font-weight: bold;
}

I can offer another variant of neutral design:

CSS for it:

.gotclip
{
   position: relative;
   padding: 3px;
   margin: 0;
   text-align: center;
   border: 1px solid #7B7B7B;
   background-image: -webkit-gradient(linear, center top, center bottom, from(#E8E8E8), to(#7A7979), color-stop(50%, #A09B9B));
   background-image: -webkit-linear-gradient(top, #E8E8E8, #A09B9B 50%, #7A7979);
   background-image: -moz-linear-gradient(top, #E8E8E8, #A09B9B 50%, #7A7979);
   background-image: -o-linear-gradient(top, #E8E8E8, #A09B9B 50%, #7A7979);
   background-image: -ms-linear-gradient(top, #E8E8E8, #A09B9B 50%, #7A7979);
   background-image: linear-gradient(top, #E8E8E8, #A09B9B 50%, #7A7979);
}
.gotclip div
{
   font-family: arial;
   font-size: 9px;
   color: #FFFFFF;
   font-family: tahoma;
   font-size: 11px;
   text-shadow: 1px 1px 0 #000000;
   display: inline-block;
}
.gotclip a
{
   color: white;
   font-weight: bold;
}

If you prefer to create your own design you can take this code as a start point:

.gotclip
{
     font-family: arial;
     font-size: 9px;
     font-weight: bold;
     position: relative;
     padding: 0;
     margin: 0;
     text-align: right;
     margin-top: 5px;
}

This will looks like this:

If something looks bad after setting up a CSS you can ask your questions in comments or create a new ticket.