Training Notes

 

About WORDPRESS CMS (Content Management System) OVERVIEW
WordPress is one of the simplest content managers and one of the most popular on the market.
Currently over 51% of all content managed sites are in WordPress. Although also popular,
Joomla and Drupal only make up about 7-8% each of the CMS market.
Like many applications such as MS Word and Excel, WordPress is relatively easy to get a
basic site up and online and easy for the casual owner to get started and make changes, but
the inital formatting and fancier coding is best left to the more experienced and professional
designer.
Unlike many other designers, the Imagination Factory takes a holistic approach to the design
and development of our sites – not only with how it looks and navigates, but in how it will be
used by the visitor, what devices and browsers it will need to support and especially what
security measures will need to be deployed to keep the site and your customers’ information
safe.
Some CMS tools allow complete flexibility regarding content, placement and viewing granularity,
but this can get confusing for the casual admin. With WordPress, there are two basic components,
PAGES and POSTS.
WordPress, however, is quite flexible in that the basic system can be enhanced thru deployment
of plug-in modules such as the ecommerce STORE, the SEO enhancements, and the conditional programming elements we wrote that include things like
CUSTOM POST TYPES (in your case, used to round up your experts and associate their videos.)

The STORE/VIDEO LIBRARY  itself can also be enhanced with additional extensions as we’ll discuss.
We have enhanced your site with a variety of custom coding to bend WordPress to your specific
project needs, which includes FILTERING, ATTRIBUTE APPENDING, MEMEBERSHIP management, and GROUPING.
Further, we have extended the ease in which WordPress may be administered via a proprietary
IFI-CORE Framework. You access these via THEME OPTIONS in the APPEARANCE
section.
There are some menu selections (PLUGINS, TOOLS, SETTINGS, etc.) that are best left to us,
the designers to meddle with as they can affect the appearance and functionality of your site.
Also despite the notes alerting you to the availability of upgrades, please stifle the urge to
upgrade the site. Upgrades to sites w/ a variety of plug-ins (such as yours) MUST be done in
certain ways else the site could break.

===========================

NOTE: Every feature of the core backbone upon which your site is constructed (in this case, WordPress CMS core) now offers a contextual “HELP” tab where you can find tips on any function you need to perform and that will show relevant information to the function you’re in. The following is designed to cover basics of Web URLs, to help understand web resolution for images, and to give some important quick tips about best practices.

 

General “Rules of the Web” Review:

1. Navigation – use the URL bar, not a “search” bar. Your DOMAIN is your “address”, your TOP LEVEL PAGES are the “floor”, your subpages are “Suite Numbers or Rooms”, your Post Categories are like a shelf on a display rack and your Posts are like a book or object on that shelf — and Categories and Posts could be in a specific “room” or in a general shared area anywhere on a “floor”. Your editing interface is like the boiler room and you need a key to get there!

Navigation addresses, then, might look like this: http://www.learn2groomdogs.com/contact-us/

That means: (http://) Go to somewhere on the (www) worldwide web called (learn2groom.com) to the Contact (contact-us) section.

If you were going to a specific post, the “URL” would include the title of your post with the words separated by hyphens. This is called “search engine friendly titles” or SEF.

 

2. Resolution: Your content management system is a data base. Things that are “too big” will both slow it down and cause the sides of your site to “blow out” if not sized correctly. For example, if you have an image you want to add to a post or subpage, and it was at “print resolution” of 300 dpi at 6 inches wide, on the web, which only shows things that are 72 – 96 “dots-per-inch” (DPI), that same photo would be 25 inches wide at 72 DPI. When you put something into a web space that is larger than the space, it “moves the sides” to accommodate it. However, your management system allows you to assign the size on upload to the gallery, so this problem is minimized for you. But if you constantly upload really big files, you will eventually slow down your site. So try to use logos, images and even videos that are sized correctly for the web, or “web resolution”.

IMPORTANT NOTE:

YOUR FRONT PAGE SLIDES ARE SIZED AT: 1400 pixels x 400 pixels at 72 dpi — All slides used MUST BE AT THIS SIZE

SMALL FRONT PAGE FEATURE IS 220 x 146 PIXELS AT 72 DPI –

YOUR INTERIOR PAGE TOP SLIDES (USED AS “FEATURED”) ARE 700 X 200 pixels at 72 DPI

3. Fonts/Styles – Your website is designed with something called CSS – Cascading Style Sheets. This means you need to “apply” the existing style, not create new ones. The benefit is that the site can be more easily rethemed in the future if need be. CSS is also the web standard because web browsers can only read certain fonts. So if you change the style to a different font, many users may not be able to read it. The hierarchy of styles for text include Header 1 (largest) Header 2 (smaller) Header 3 (smaller still) plus regular paragraph text. You may also use the icons in the pages/post editor to make a “quotation” style, a bullet style, a numbered list, underlining or to change the text color. When editing, the return key will insert a “paragraph” character that creates a space. If you only want to go to the next line, you can hold down the shift key and hit return. However, using this “break” approach will keep the same style of text on the next line — you won’t be able to change it to a different style.

4. Inserting Links or Email Addresses into Posts/Pages: Recalling #1, for every link you want to insert, you first need to highlight the words in your post that you want to link, click on the “chain” icon, and enter the address. The address, for a website, must say “http://” “www.””domainname”/”specific location”. Make sure you always select Target = “OPEN IN NEW WINDOW” from the pulldown menu to avoid letting people navigate away from your own site. If you want to enter an email address, erase the “http://” that automatically shows up in the dialogue box and instead, put “mailto:emailaddress@domain.com”

5. Clean Your Code, Especially from MS-Word: If there’s one way to have unexpected things happen when you post to your blog or make a new page, it is to copy and paste it directly out of Word. Word puts a bunch of invisible code around its text, and this code then follows it wherever it goes, including INTO YOUR SITE, where it conflicts with html code. You especially never want to copy in tables or other MS software styles. To “clean” your text of this nasty code, the preferred method is to save the document at PLAIN TEXT (.txt) and THEN copy it into your site. The interface now automatically attempts to clean your code, but it’s good to be in the habit of distrusting the auto-clean.

 

Screen shot 2015-01-06 at 5.21.20 PMSPECIFIC INSTRUCTION BY SECTION/FUNCTION (CUSTOM)

THEME OPTIONS: Find under APPEARANCE or by clicking on IFI SITE CONFIGURATION in top black bar

In the Theme Options section, you will be able to control the following:

1. Front Page Slides

2. “Features” (the four boxes)

3. Links to social media.

Please ignore any other options.

1. TO ADD OR DELETE A SLIDE:

= Choose SLIDESHOW

Delete/or Select an image to upload

Type in in the /page-id Link in the bar beneath.

SAVE.

Make sure the specs for your image are: 1400 pixels x 400

 

Screen shot 2015-01-06 at 5.21.39 PM2. TO EDIT FEATURES

– Choose FEATURES

Delete one of existing four positions, upload desired thumbnail to media center.

image size must be 220X146

Add image.

Change title text if needed, make sure link is going to correct place or change link.

 

 

 

3. To Turn On/Off or Change Social Media Links

Choose Social Media

Edit the ID/URL of whichever one you want to change

OR add new one

MANAGING CONTENT WITH WORDPRESS FEATURES – PAGES

HOW TO EDIT A PAGE, CREATE A NEW PAGE, PUBLISH A PAGE, AND ADD TOP IMAGES AND INTERNAL MEDIA

Pages are the more static component of the site. These are the predominant content that
populate your site. We usually distinguish between a “page” and a “post” on the basis of “evergreen” content versus temporal content that can be archived.
Clicking on PAGES displays the list of all pages w/in the site. Items in the list preceded by
a “-” are children or sub-pages of the page immediately above it.
Clicking on the page name itself will take you to the built-in page editor.

 

l2gd-wp-pages-1l2gd-wp-pages-2

 

 

 

 

 

 

Writing posts and pages is the core activity in WP. You can start your editorial experience by clicking the Add New button located in the PAGES menu (or you can choose QUICK EDIT to make changes to the title and publishing status, or EDIT to change text or images on an existing page.) You can proceed with entering the desired content.

TEXT/STYLE NOTES: General content should use the “paragraph” setting. In your editing tool bar, you will see additional options, such as bullets, numbering, etc. You may also apply additional styles using the FORMATS drop down. You can see what each tool does by mousing over it. For example, the chain symbol allows you to add a link. The eraser strips off formatting. B will bold. I will italicize. THE SHOPPING CART will allow you to insert a short code. Here is a shot of the tool bar:

Screen shot 2015-01-06 at 6.13.10 PM

Screen shot 2015-01-06 at 6.12.59 PM

 

 

 

 

 

 

However, pages do not get assigned a category the way a POST would, rather, they get assigned a “parent” page from your TOP LEVEL NAVIGATION. (See right illustration)

When you are ready with your new page, click Publish to save it. MAKE SURE YOU ASSIGN THE CORRECT PARENT PAGE under which you want the page to appear (see Attributes in the right side column, use the pulldown menu). The system will automatically add the subpage on the SIDE NAVIGATION. To add it to the DROP DOWN MENU, you will want to go into menus as shown in the MENUS section below. Don’t add too many pages or your site navigation will get cluttered. Call us if you need to change the top level SECTION navigation or want us to check an image to make it match the main pages. More detail follows.

Using a Featured Image as a Page Header:

In order to have an image work as a “interior page header” you should use the right side command of “Featured Image.” – The image MUST be the correct size for your site, which is 700×200 pixels at 72 dpi. When you set this, the image will appear properly at the top of the page, with correct header image spacing. If you just put a right-sized image into the page content, the padding will be wrong, and it will not line up nicely.

However, to insert INTERIOR images, once you upload the image, you will be given the option in the MEDIA CENTER to use a “medium” size or a “thumbnail size” which the system will AUTOMATICALLY generate for you. You can also EDIT the size online.

Additional Notes About Adding Media – How To & Additional Specialty Options

WordPress makes it really easy to add media to your pages and posts. SHORTCODES will also allow you to insert a SPECIFIC SKU from the Video Database.

To add media to a new post, go to your blog’s admin area > Media Library.

In the WYSIWYG editor menu you can choose to drag and drop, or search for a file on your hard drive. With images, you can choose the size you insert. Note that if you upload a rectangle but choose the 150 pixel x 150 pixel the system will “crop” it into a square and you cannot control this. You will also choose the alignment — left, right or center. You can give your image “alt” text which will also show as a caption. After you’ve placed the image, you can just click on the picture to open the editor where you can put a frame around it or add a 10 pixel buffer so that text flows nicely around it, giving it a little space.

For video, eg. a YouTube video, simply insert the URL and the video will appear on the page in preview mode.

To embed an UNRESTRICTED video from your Video Library, click on the first CART image to insert a product code, then put the video ID (the four digit number, not the limelight or internal sku) into the code.

Creating A Gallery:

Using the Media Upload feature, drag and drop the web-sized images you would like into the interaction window. Once you’ve uploaded them, you may check several and click on “Create A Gallery.” After this command, you may drag and drop them in the order you desire, and then click on “Insert.”

 

Screen shot 2015-01-06 at 5.22.40 PMUPDATING THE MENU/NAVIGATION (UNDER APPEARANCE)

WhenEver you add a page (but not a post), you will need to update your desktop and mobile drop down menus. Under “appearance” choose “menus.” Select whether you’re editing the mobile menu or the desktop menu. Search in the left scroll of page names to “add” the page to the menu, then drag and drop it to where it belongs. You may also shorten the title for nav purposes as desired. The other menu that you may wish to edit is a special PROFESSIONAL VIDEOS menu.

 

POSTS:

Are the blog component of the site. Posts are date stamped and may be categorized for
easy finding by your site visitors. In your case, POSTS are used in your news section. Your category of “LATEST VIDEOS” also has it’s own “round up page” so that when you assign that category, it will also appear on the “MAY WE SUGGEST” page under Professional Videos to show the latest videos.
Clicking on POSTS displays the list of all posts w/in the site.
Clicking on the post name itself will take you to the SAME built-in page editor for that post.

 

Once you are ready, the new post can be published just by clicking the Publish button. MAKE SURE YOU ASSIGN THE CORRECT CATEGORY and for long posts, make sure you click on the break icon to create the “READ MORE” link. You may post to multiple categories.

l2gd-wp-posts-1 l2gd-wp-posts-2

 

BEYOND POSTS AND PAGES:

Your particular WP installation is loaded to the eyeballs w/ many features
not normally found in a normal installation.We’ll describe areas you’re least likely to use, then dive into the very important VIDEO LOADING AND MULTI-PART VIDEO process so you can learn how to create, organize, correct and otherwise manage the VIDEO LIBRARY.

CONTACT – Where we define any/all the feedback forms

WOOCOMMERCE – Where the general store settings reside and where
you’ll check on/process membership orders, manage VIDEO LIBRARY, and manage MEMBERSHIP MODULE.

PRODUCTS – This is where all the actual VIDEO LIBRARY resides.

APPEARANCE – Contain the theme layout and some theme options. You
shouldn’t need to be here except as directed by us OR if you need to
change the images on the main page slide show, the main page promotion
boxes or header phone number/contact info. (discussed earlier)

PLUGINS – Contains all the plugin modules activation and version information.
You shouldn’t need to go in here. We use this area to install and/or
activate new features or perform security upgrades. PLEASE DO NOT ACTIVATE ANYTHING OR DELETE ANYTHING without first discussing same with us. Many elements of our site composition/construction/theme appropriate certain loops or libraries that will COLLAPSE under conflict code, which plug-ins may introduce. We have a sandbox area to TEST any desired plugin, which why it is CRITICAL to consult us first.

LIKEWISE, PLEASE NEVER VERSION UP YOUR WP. ALLOW US TO VERSION UP FOR YOU, FIRST TESTING FOR CONFLICTS IN OUR SANDBOX.

USERS – All the customers moved over from the old site, any new customers
that have signed up and any site admins or editors, etc. will be
found and managed here.

TOOLS, SETTINGS & SEO – Again, like APPEARANCE & PLUGINS,
these are used for the inital setup of your system and should not need to
be used except by us. YOUR SEO settings auto-generate to keep you safe from keyword density issues, etc. If you desire an override with hand-crafted optimization, please consult us first to avoid unintended consequences.

E-COMMERCE:
Your e-store has several sections. Some sections are meant to be touched once at setup
such as SETTINGS. Others, like ORDERS provides your sales history and order detail,
allows you to print invoices and look at reports.

l2gd-wp-productsPRODUCTS (AKA VIDEO LIBRARY) allow you to edit, add, manage each individual item in your LIBRARY. This includes the title, SKU, video ID, descriptions, TAGS and ATTRIBUTES and CATEGORIES used for searching and filtering. You can “QUICK EDIT” right on the round-up screen for things like title, category, tags, visibility, publish or unpublish. To edit content, attributes, video number, experts, etc., you will need to go into full “edit” mode. You can filter by category, or use a search bar to only return certain listings. You can view UNPUBLISHED, PENDING, and PUBLISHED items. Please read through the following sections to feel comfortable navigating/editing listings.

 

HOW ADD A SINGLE/SIMPLE VIDEO TO THE “PRODUCTS” / VIDEO LIBRARY

1. Click on NEW product.

2. Enter Your Title.  (Do not add video time, as this will “append” to the title automatically from the attribute.)

3. Enter the description of the video. Bold headings for reading ease. Use the “bullets” icon to create a “what you’ll learn” list.

4. The default is SIMPLE product. You may check “virtual.” Enter the internal ID/SKU in the space below for posterity. (Note this is NOT the product ID that you will use in short codes. The Product ID is system-generated. You can view it in the shortlink editing window or by mousing over an existing product in the PRODUCTS page.)

Screen shot 2015-01-06 at 7.13.04 PM5. Under “ATTRIBUTES” select, then enter information for the following: (By selecting from the pull-down menu, you are then creating the space to enter the information) – Attributes is what drives the “filtering” to narrow down video results. It is also used to pull the RUNNING TIME appended to the title.

• Running Time
• Expert – Use the pull down list as it eliminates typos. Typos will create a “second” filter.
• Breed, Tools, and Techniques are optional filters, but are useful to add where possible

6. Under CUSTOM FIELDS use the pulldown menu to add

a) LIMELIGHT ID – then enter the limelight media ID

b) YOUTUBE ID – (if available) – then enter JUST the last digits after the YOUTUBE URL: eg. h3wQYWt672g*

How this works: If a non-member is viewing and there is NOT a youtube ID, they will see “member video” in read, and a screen shot. If there is a youtube excerpt, however, they will be able to play that. If they are logged in, they will see the LIMELIGHT video, which auto-plays.

7. Select VIDEO CATEGORIES from the RIGHT SIDE – check multiple if multiple apply. Notice that there are sub categories under FREE and under FULL/MEMBER and under MINILESSONS. You only need to select the “bottom” level subcategory under ONE or MORE of these three master categories. IF THERE IS A YOUTUBE ID, be sure to assign an appropriate category under BOTH FREE PREVIEW AND THE “MEMBER” CATEGORIES.

8. Enter or Select TAGS. (Right side column, below Video Categories). It is very important that you ADD EXPERT names here, with CORRECT SPELLING, or the videos will not “associate” with the Expert in their round up, EVEN IF the attribute is correctly set. That is because the code uses TAGS to associate the Expert to Video over in the “Experts” Custom Post area. How tags work: Apart from our programming use, tags will help users find “like” videos, so try to have a consistent matrix of tags that make semantic sense.

                   A NOTE ABOUT EXPERTS:Screen shot 2015-01-06 at 7.46.25 PM

– The thing that associates all of the videos with the expert is the NAME as spelled in the ATTRIBUTES. If you change IRINA to PINA in the title, you will un-associate all those tagged. If you decide to EDIT someone’s NAME in experts, you will also need to edit the ATTRIBUTE in the cart/database. Here is where you EDIT ATTRIBUTES:

 

 

9. PRODUCT IMAGE – upload a screen shot at 700 px x 394 px (may also use gallery if you like the look, might be best to reserve for free preview sections or standalone youtube videos)

10. SAVE YOUR DRAFT. PREVIEW YOUR DRAFT. If it all works well, PUBLISH.

So, that was the easy set of instructions 😉 Now for the FUN part…

HOW ADD A MULTIPART VIDEO TO THE “PRODUCTS” / VIDEO LIBRARY

PART A: SETTING UP THE “MASTER” PART 1 VIDEO LISTING:

1. Click on NEW PRODUCT.

2. Start with the LEAD/FIRST video in the series and use the following convention for the FIRST title only: “VIDEO TITLE (1 of x-Part Series)”

3. Enter the description of the video. Bold headings for reading ease. Use the “bullets” icon to create a “what you’ll learn” list. Be sure to include descriptive sections that apply to all videos in the series, OR make sure you edit the text on EACH subsequent video. The former method is quicker 😉

>>>>>AT THE TOP OF THE DESCRIPTION SECTION, ADD THE SHORT CODE INSIDE THE SQUARE BRACKETS, WITH ONLY ONE SET OF SQUARE BRACKETS AROUND IT AS FOLLOWS, TO CREATE THE “DISCLAIMER.”<<<<<

MEMBERSHIP DISCLAIMER SHORTCODE – Remove the extra brackets [[[

[[[su_note note_color="#eef0fb" text_color="#ad0101" radius="7"]These segments are Member Videos. If a FREE PREVIEW is available for this series, it will appear in the video window. <a href=”/join-now/”> Join today </a>for full access.[/su_note]]]]]

l2gd-wp-disclaimerThat code will produce the DISCLAIMER message shown on the left.

 

4. NEXT, the FIRST Video in the series, and ONLY THE FIRST VIDEO in the series, must be labeled a GROUP  product for everything else to work. You may check “virtual.” Enter the internal ID/SKU in the space below for posterity. (Note this is NOT the product ID that you will use in short codes. The Product ID is system-generated. You can view it in the shortlink editing window or by mousing over an existing product in the PRODUCTS page.)

l2gd-wp-multi-product-2CONTINUE AS YOU WOULD SETTING UP A SINGLE LISTING, AS FOLLOWS:

5. Under “ATTRIBUTES” select, then enter information for the following: (By selecting from the pull-down menu, you are then creating the space to enter the information) – Attributes is what drives the “filtering” to narrow down video results. It is also used to pull the RUNNING TIME appended to the title.

• Running Time
• Expert – Use the pull down list as it eliminates typos. Typos will create a “second” filter.
• Breed, Tools, and Techniques are optional filters, but are useful to add where possible

6. Under ADVANCED enter the ORDER (“1” for first in series)

7. Under CUSTOM FIELDS use the pulldown menu to add

a) LIMELIGHT ID – then enter the limelight media ID

b) YOUTUBE ID – (if available) – then enter JUST the last digits after the YOUTUBE URL: eg. h3wQYWt672g*

How this works: If a non-member is viewing and there is NOT a youtube ID, they will see “member video” in read, and a screen shot. If there is a youtube excerpt, however, they will be able to play that. If they are logged in, they will see the LIMELIGHT video, which auto-plays.

8. Select VIDEO CATEGORIES from the RIGHT SIDE – check multiple if multiple apply. Notice that there are sub categories under FREE and under FULL/MEMBER and under MINILESSONS. You only need to select the “bottom” level subcategory under ONE or MORE of these three master categories. IF THERE IS A YOUTUBE ID, be sure to assign an appropriate category under BOTH FREE PREVIEW AND THE “MEMBER” CATEGORIES.

9. Enter or Select TAGS. (Right side column, below Video Categories). It is very important that you ADD EXPERT names here, with CORRECT SPELLING, or the videos will not “associate” with the Expert in their round up, EVEN IF the attribute is correctly set. That is because the code uses TAGS to associate the Expert to Video over in the “Experts” Custom Post area. How tags work: Apart from our programming use, tags will help users find “like” videos, so try to have a consistent matrix of tags that make semantic sense.

10. PRODUCT IMAGE – upload a screen shot at 700 px x 394 px (may also use gallery if you like the look, might be best to reserve for free preview sections or standalone youtube videos)

11. SAVE YOUR DRAFT. PREVIEW YOUR DRAFT. If it all works well, PUBLISH.

 

PART B: MAKING SUBSEQUENT VIDEO LISTINGS IN A SERIES (Determine number in series, example here will be 3-Part)

1. DUPLICATE your FIRST video listing.

2. CHANGE THE TITLE to the following structure (important) Part 2 of 3: TITLE+ – (Short added description you want to appear on video VIEW roundup, eg “Topline, Tail and Rear Leg Angulation

3. ADD THE FOLLOWING “View Next” CODE AT THE TOP OF THE TEXT WINDOW:

(Note: This is a screen shot. Below, we’ve attempted to give you LIVE code, but all methods of so-doing mean that what you copy will have some incorrect code in it that will need to change to carrots (<) (>) so it might be easier to just type it EXACTLY as shown here:

Screen shot 2015-01-06 at 9.08.50 PM

NOTES ABOUT CODE FOR “VIEW NEXT” – Get the video product ID from either the spreadsheet or by mousing over the NEXT video you want to refer to in the products editing menu. You may just copy the code below in the window and CHANGE the info (this one pertains to the Kerry Blue Terrier)
<a title="Part 3: Main Title" href="/?p=5237" class="button product_type_simple">View Next</a>Part 3: Description of Content (no need for title, time if available)

EXAMPLE: <a title=”Part 3: Common Grooming Mistakes on a Kerry Blue Terrier ” href=”/?p=5237″ class=”button product_type_simple”> View Next</a> Part 3: Topline, Tail and Rear Leg Angulation

DOWNLOAD SPREADSHEET OF VIDEO “PRODUCT” ID FOR SHORT CODES “4 DIGITS”

 

4. CHANGE the product type to SIMPLE.

5. Under LINKED PRODUCTS, chose GROUP and assign it to the FIRST video in the series, the title of which will appear in the drop down menu. SEE SCREENSHOT:

Screen shot 2015-01-06 at 9.13.54 PM

 

 

 

 

 

 

6. CHANGE THE TIME ATTRIBUTE UNDER ATTRIBUTES

7. CHANGE THE “ORDER” UNDER “ADVANCED” TO 2

8. IMPORTANT – CHANGE THE LIMELIGHT ID TO THE CORRECT ID FOR THE PART

8. CHANGE THE VISIBILITY – FROM Catalog/Search to ONLY Search

 Screen shot 2015-01-06 at 9.17.48 PM9. Publish the Listing, CHECK the listing, and if for example working on a 4-6 part listing, COPY the SECOND listing for each subesquent video in the series, remembering to:

A) Change the title to part x of x

B) Change the product ID in the View Next button CODE, plus the title and description

C) Change the TIME attribute

D) Change the ORDER under ADVANCED

D) Change the LIMELIGHT ID (and Youtube ID if a second YouTube excerpt exists)

E) Preview and CHECK that the buttons work right, then go back to the FIRST listing to see that the SUB listings all auto-added to the first listing correctly.

 

 

 

 
© 2017 - Learn2GroomDogs.com
Google Analytics Alternative

Clicky