https://github.com/anycable/anycable-web

AnyCable web page
https://github.com/anycable/anycable-web

Last synced: over 1 year ago
JSON representation

AnyCable web page

• Host: GitHub
• URL: https://github.com/anycable/anycable-web
• Owner: anycable
• Created: 2016-12-11T20:07:58.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2024-04-13T04:35:05.000Z (about 2 years ago)
• Last Synced: 2025-01-08T14:16:21.782Z (over 1 year ago)
• Language: SCSS
• Homepage: https://anycable.io
• Size: 7.81 MB
• Stars: 5
• Watchers: 7
• Forks: 9
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
## About

AnyCable website (https://anycable.io).

## Usage

Run `yarn` and then `yarn dev` to start dev server with livereload.

[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/anycable/anycable-web)

## SVG Optimization

Use [svgo](https://github.com/svg/svgo) to optimize SVG images.

For animated illustration use: `svgo --disable=moveGroupAttrsToElems --disable=convertTransform src/images/illustration.svg src/images/illustration.min.svg`

## GTM Integration

To send custom events to GTM do the following:

- For links (or link-like elements) use `gtm-link` class and specify action and category using `data-gtm-action` and `data-gtm-category` attributes:

```pug

a.gtm-link(href="#", data-gtm-category="landingButton", data-gtm-action="tryIt1")

```

- For footer links you can alternatively just add a `gtm-footer-link` class without specifying any data attributes (`footerLinks` `category` and `action` derived from the link text will be used automatically). The `action` value could be overriden by setting `data-gtm-action` attribute.

- For form submissions use `gtm-form` class and the same `data-gtm-category` and `data-gtm-action` attributes.

**NOTE:** in development, we print events in the console instead of sending them to GTM. See `dochead.pug` for more.