diff --git a/src/App.vue b/src/App.vue index 1a48a796..a6c2573a 100644 --- a/src/App.vue +++ b/src/App.vue @@ -62,6 +62,10 @@ export default { onLicenseUpdate(e) { this.selected = e } + }, + created: function() { + // send home to google analytics + this.$ga.page('/') } } diff --git a/src/components/Chooser.vue b/src/components/Chooser.vue index fcb3a059..e236dce9 100644 --- a/src/components/Chooser.vue +++ b/src/components/Chooser.vue @@ -52,6 +52,11 @@ export default { }, methods: { updateLicense() { + this.$ga.event({ + eventCategory: 'license', + eventAction: 'updated', + eventLabel: this.shortLicenseName + }) this.$emit('input', { shortName: this.shortLicenseName, fullName: this.fullLicenseName diff --git a/src/components/HelpSection.vue b/src/components/HelpSection.vue index 3c15db26..799dc370 100644 --- a/src/components/HelpSection.vue +++ b/src/components/HelpSection.vue @@ -50,7 +50,7 @@

Creative Commons licenses can be represented by their names, their - associated icons, or both. For example, a CC BY-NC license, which + associated icons, or both. For example, a CC BY-NC license, which requires attribution, and prohibits commercial use could be represented by its: @@ -169,7 +169,7 @@


- For more information, please see + For more information, please see About the Licenses

@@ -186,16 +186,16 @@
  • - Legal Code:

    - Each license begins as a traditional legal tool, in the kind of - language and text formats that most lawyers know and love. We + Each license begins as a traditional legal tool, in the kind of + language and text formats that most lawyers know and love. We call this the Legal Code layer of each license.


  • - Human Readable:

    - Since most creators, educators, and scientists are not in fact lawyers, - we also make the licenses available in a format that normal people can read -- + Since most creators, educators, and scientists are not in fact lawyers, + we also make the licenses available in a format that normal people can read -- The Commons Deed (also known as the “human readable” version of the license). This is a handy reference for licensors and licensees, summarizing some of the most important terms and conditions. Think of the Commons Deed as a user-friendly @@ -211,14 +211,14 @@ software, we provide a "Machine Readable" version of the license.

    We developed a standardized way to describe licenses that software can - understand called CC Rights Expression language + understand called CC Rights Expression language (CC REL) to accomplish this.


    • - For more information, please see + For more information, please see About the Licenses

    @@ -232,12 +232,12 @@

    Our Public Domain Tools help authors keep and manage their copyright on terms they choose. Our public domain tools, on the other hand, enable - authors and copyright owners who want to dedicate their works to the + authors and copyright owners who want to dedicate their works to the worldwide public domain to do so.

    - For more information on CC's public domain tools, please see + For more information on CC's public domain tools, please see Our Public Domain Tools

    @@ -250,7 +250,7 @@

    There are a number of things you should consider before you apply - a Creative Commons license to your work, or before using Creative + a Creative Commons license to your work, or before using Creative Commons-licened material.

    @@ -262,7 +262,7 @@


    - For more information, please see + For more information, please see the CC wiki's page on Considerations for Licensors and Licensees. @@ -278,34 +278,34 @@

    Formally licensing your work is as easy as marking your work as being CC licensed, along with the specific license it is under. - This mark may be in the form of a watermark, or it may be somewhere - around where your work is hosted or shared. This mark may be as - simple as a bit of text stating the license, or as complex as + This mark may be in the form of a watermark, or it may be somewhere + around where your work is hosted or shared. This mark may be as + simple as a bit of text stating the license, or as complex as embedding the license information on your website.

    - If you are interested in embedding license information on your + If you are interested in embedding license information on your website, please see the "Have a Website?" dropdown at the bottom of this page for help.


    Recourse Options
    So what would I do if someone used my licensed work in a way - that the license does not permit? Well, there are lots of + that the license does not permit? Well, there are lots of recourse options, but here are the two main ones:

    • - Resolve the Dispute Amicably

      First, we encourage you to contact the alleged violator, and attempt to - resolve the dispute amicalbly. Most disagreements are solved + resolve the dispute amicalbly. Most disagreements are solved in this manner, and it saves everyone time and money.


    • - Litigation

      - If you determine that the disput cannot be resolved any other - way, you would then identify the alleged violation, contact a + If you determine that the disput cannot be resolved any other + way, you would then identify the alleged violation, contact a lawyer, and begin building a case.

      • @@ -338,7 +338,7 @@

      - For more information, please see + For more information, please see this page on Creative Commons licenses. @@ -383,6 +383,50 @@ export default { isModal5Active: false, isModal6Active: false } + }, + watch: { + isModal1Active: function() { + this.$ga.event({ + eventCategory: 'helpsection', + eventAction: 'clicked', + eventLabel: 'What Are Creative Commons Licenses?' + }) + }, + isModal2Active: function() { + this.$ga.event({ + eventCategory: 'helpsection', + eventAction: 'clicked', + eventLabel: 'How do the Licenses Work?' + }) + }, + isModal3Active: function() { + this.$ga.event({ + eventCategory: 'helpsection', + eventAction: 'clicked', + eventLabel: 'Want Public Domain Instead?' + }) + }, + isModal4Active: function() { + this.$ga.event({ + eventCategory: 'helpsection', + eventAction: 'clicked', + eventLabel: 'Considerations Before Licensing' + }) + }, + isModal5Active: function() { + this.$ga.event({ + eventCategory: 'helpsection', + eventAction: 'clicked', + eventLabel: 'How do I Formally License my Work?' + }) + }, + isModal6Active: function() { + this.$ga.event({ + eventCategory: 'helpsection', + eventAction: 'clicked', + eventLabel: 'The Six CC Licenses' + }) + } } } diff --git a/src/main.js b/src/main.js index 909e691f..d32e749f 100644 --- a/src/main.js +++ b/src/main.js @@ -1,6 +1,8 @@ // The Vue build version to load with the `import` command // (runtime-only or standalone) has been set in webpack.base.conf with an alias. + import Vue from 'vue' +import VueAnalytics from 'vue-analytics' import App from './App' import Buefy from 'buefy' import VueHead from 'vue-head' @@ -10,6 +12,13 @@ import 'bulma/css/bulma.min.css' import '@creativecommons/vocabulary/root.css' import '@creativecommons/vocabulary/vocabulary.css' +Vue.use(VueAnalytics, { + id: 'UA-XXX-X', + autoTracking: { + screenview: true + } +}) + Vue.config.productionTip = false Vue.use(Buefy) Vue.use(VueHead)