No More Posting New Topics!

JSONK

@jadedRepublic That worked, thank you! I appreciate the help

JSONK

@jadedRepublic I tried every combination you listed with no luck. It’s really strange that changing the second argument isn’t working though. Seems like that should have been the fix to it

JSONK

@dobbel Update: even though that plugin method didn’t work, I ended up following @gvorster’s step by step for the GTM part and it worked with boot! Not sure what was wrong when trying to use the plugin but happy to have it working now. Appreciate the help. Have a nice week!

JSONK

@dobbel I almost made it through the tutorial and then ran into a very strange error. There was no plugin folder, so I created one and put the file in. Then, on the step where I need to change the plugins in quasar.conf.js to

plugins: [
    ...
    'gtm-plugin',
],

I get the following error:

.quasar  /import-quasar.js: Unexpected token, expected "," (20:33)
    18 | import Vue from 'vue'
    19 | 
  > 20 | import {Quasar[33  m,QExpansionItem,gtm-plugin} from 'qua  sar'
       |                                  ^    21 | 
    22 | 
    23 | Vue.use(Quasar, {   config: {},lang: lang,iconSet:[  39m iconSet,components: {QExpansionItem},[  39mplugins: {gtm-plugin} })

Any idea what this is? Also, thanks again for the help. That link was helpful, just ran into this issue at the end. I appreciate the help

JSONK

I am working on adding Google Analytics to my Quasar site. I followed @gvorster’s response to this question. Google Analytics recognizes when I am on any of the pages, but it does not actually show the current page that I am on. It always just shows “/” for every page.

I currently have the Global Site tag in the <head> tag of index.template.html.

In boot, I have this gtm.js code:

import gtm from 'src/components/gtm';

export default ({ router }) => {

    router.afterEach((to, from) => {
        gtm.logPage(to.path);
    })
}

In components, I have gtm.js:

import { uid } from 'quasar'

export default {

    logEvent(category, action, label, value) {

        dataLayer.push({
            'event': 'customEvent',
            'category': category,
            'action': action,
            'label': label,
            'value': value,
            'cid': this.getCid()
        });

    },

    logPage(path) {
        // Here you can preprocess the path, if needed
        dataLayer.push({
            'event': 'customPageView',
            'path': path,
            'cid': this.getCid()
        });

    },

    getCid() {
        // We need an unique identifier for this session
        // We store it in a localStorage, but you may use cookies, too
        if (!localStorage.cid) {
            localStorage.cid = uid();
        }
        return localStorage.cid;
    },

}

In my quasar.conf.js file, I have gtm included in boot:

boot: [
      'axios',
      "gtm"
    ],

It still notifies Google Analytics when I am on any page, but the active page is always “/”

JSONK

@metalsadman said in Centering q-card-action buttons:

align=“center”

It worked, thank you!

JSONK

Hope everyone is having a nice weekend. I am currently trying to center buttons within q-card-actions with no luck. I’ve tried all of the centering layout classes that Quasar provides. “Fixed-Center” moves the buttons to the center of the page outside of the box. “Justify-center” does not move the buttons at all. Here is my code currently without any centering classes:

 <q-card-actions>
            <q-btn
              flat
              color="primary"
              @click="alert=true, videoURL=highlight['videoURL'], videoTitle=highlight['title']"
            >Watch</q-btn>
            <q-btn flat color="primary">
              <a
                class="a"
                style="color: #1976D2"
                target="_blank"
                :href="highlight['videoURL']"
              >Download</a>
            </q-btn>
            <q-btn
              flat
              color="primary"
            >Share</q-btn>
          </q-card-actions>

Is there a way to have the buttons centered within q-card-actions? Thanks!

No More Posting New Topics!

JSONK

@JSONK

Latest posts made by JSONK