How to use the react-ga.OutboundLink function in react-ga

To help you get started, we’ve selected a few react-ga examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github mozilla / learning.mozilla.org / components / login / LoginLink.jsx View on Github external
var _ = require('underscore');
var React = require('react');
var OutboundLink = require('react-ga').OutboundLink;
var PureRenderMixin = require('react-addons-pure-render-mixin');

var config = require('../../config/config');

var LoginLink = React.createClass({
  mixins: [PureRenderMixin],
  propTypes: {
    callbackSearch: React.PropTypes.string,
    action: React.PropTypes.string,
    loginBaseURL: React.PropTypes.string,
    callbackURL: React.PropTypes.string
  },
  contextTypes: {
    history: React.PropTypes.object
  },
  getDefaultProps: function() {
github mozilla / learning.mozilla.org / pages / web-lit-basics.jsx View on Github external
var React = require('react');
var Link = require('react-router').Link;
var OutboundLink = require('react-ga').OutboundLink;

var Illustration = require('../components/illustration.jsx');
var ActivitySection = require('../components/activity-section.jsx');

var curriculumList = [
  {
    title: "Reading the Web",
    activities: [
      {
        title: "Kraken the Code",
        image1x: "/img/pages/web-lit-basics/img-kraken-code.jpg",
        image2x: "/img/pages/web-lit-basics/img-kraken-code@2x.jpg",
        subtitle: "Understanding credibility",
        description: "Learners use the Internet to solve the mystery of The Kraken, a legendary sea creature, while also learning about search terms, keywords, and how to assess the validity and relevance of web sources. This activity was made by <a href="http://mouse.org">MOUSE</a>.",
        link: "https://mozilla.github.io/mozilla-club-activity-kraken-the-code/#en"
      },
github mozilla / learning.mozilla.org / pages / home / HomePage.jsx View on Github external
var React = require('react');
var Link = require('react-router').Link;
var ga = require('react-ga');
var OutboundLink = ga.OutboundLink;
var FormattedMessage = require('react-intl').FormattedMessage;
var FormattedHTMLMessage = require('react-intl').FormattedHTMLMessage;

var HeroUnit = require('../../components/hero-unit.jsx');
var Illustration = require('../../components/illustration.jsx');
var IconLinks = require('../../components/icon-links.jsx');
var IconLink = require('../../components/icon-link.jsx');
var IconButtons = require('../../components/icon-buttons.jsx');
var IconButton = require('../../components/icon-button.jsx');

var config = require('../../config/config');

var CaseStudies = require('./CaseStudies.jsx');

var ModalEmail = require('./ModalEmail.jsx');
var ThankYouModal = require('./ThankYouModal.jsx');
github mozilla / learning.mozilla.org / pages / web-lit-basics-two.jsx View on Github external
var React = require('react');
var Link = require('react-router').Link;
var OutboundLink = require('react-ga').OutboundLink;

var Illustration = require('../components/illustration.jsx');
var ActivitySection = require('../components/activity-section.jsx');


var WebLitBasics = (
  <section>
    <div>
      <h2>Learning Objectives</h2>
      <p>
        Learners will understand community practice, composing, designing for accessibility, open practices, sharing,
        and remixing and reflecting on how they and others create, use, and license media on the Web.
      </p>
    </div>
  </section>
);
github mozilla / learning.mozilla.org / pages / webmaker.jsx View on Github external
var React = require('react');
var Link = require('react-router').Link;
var OutboundLink = require('react-ga').OutboundLink;
var FormattedMessage = require('react-intl').FormattedMessage;


var Illustration = require('../components/illustration.jsx');
var ActivitySection = require('../components/activity-section.jsx');

var config = require('../config/config');

var WebmakerActivity = React.createClass({

  curriculumList: [
    {
      title: "Reading the Web",
      activities: [
        {
          title: "Learning about the Internet",
github mozilla / learning.mozilla.org / components / icon-link.jsx View on Github external
var React = require('react');
var Link = require('react-router').Link;
var ImageTag = require('./imagetag.jsx');
var OutboundLink = require('react-ga').OutboundLink;

var LinkSwap = React.createClass({
  contextTypes: {
    intl: React.PropTypes.object
  },
  propTypes: {
    link: React.PropTypes.string.isRequired
  },
  render: function() {
    var link = this.props.link;
    if (!link) return this.props.children;
    var ifExternalLink = (link.substr(0,4).toLowerCase() === "http") || (link.substr(0,7).toLowerCase() === "mailto:");
    return (
      ifExternalLink ?  {this.props.children} :
                        {this.props.children}
    );
github mozilla / learning.mozilla.org / components / link-anchor-swap.jsx View on Github external
var React = require('react');
var Link = require('react-router').Link;
var ga = require('react-ga');
var classNames = require('classnames');
var OutboundLink = ga.OutboundLink;

var resetreload = require('../lib/resetreload');

var LinkAnchorSwap = React.createClass({
  contextTypes: {
    intl: React.PropTypes.object
  },

  render: function() {
    var linkedContent = this.props.children || this.props.name;

    if (this.isExternalLink()) {
      return {linkedContent};
    }

    return {linkedContent};
github mozilla / learning.mozilla.org / pages / offline-icebreakers.jsx View on Github external
var React = require('react');
var Link = require('react-router').Link;
var OutboundLink = require('react-ga').OutboundLink;

var Illustration = require('../components/illustration.jsx');
var ActivitySection = require('../components/activity-section.jsx');

var CurriculumIntro = (
  <div>
    <h1>Offline Icebreakers</h1>
    <section>
      from MOUSE}&gt;
        <h2>Solve puzzles and play games to get to know your fellow learners and the web!</h2>
      
    </section></div>
github mozilla / learning.mozilla.org / pages / intermediate-web-lit-two.jsx View on Github external
var React = require('react');
var Link = require('react-router').Link;
var OutboundLink = require('react-ga').OutboundLink;

var Illustration = require('../components/illustration.jsx');
var ActivitySection = require('../components/activity-section.jsx');

var Intro = (
  <div>
    <h1>Intermediate Web Literacy II: Storytelling with Scripts</h1>
    <section>
      
        <h2>Learn to use buttons, forms, and inputs alongside JavaScript functions to tell stories on the web.</h2>
      
    </section>
  </div>
github mozilla / learning.mozilla.org / pages / activities / ActivitiesPage.jsx View on Github external
var React = require('react');
var Link = require('react-router').Link;
var OutboundLink = require('react-ga').OutboundLink;

var IconLinks = require('../../components/icon-links.jsx');
var IconLink = require('../../components/icon-link.jsx');
var HeroUnit = require('../../components/hero-unit.jsx');

var HiveLink = require('./HiveLink.jsx');
var ActivityKit = require('./ActivityKit.jsx');

var ActivitiesPage = React.createClass({
  statics: {
    pageTitle: 'Teaching Activities',
    pageClassName: 'teaching-materials'
  },
  render: function() {
    var linkCurriculumQueue = "http://mozilla.github.io/webmaker-curriculum/index.html";