marktag 2.0.2

Flutter SDK for Marktag

example/lib/main.dart

import 'package:example/demo_page.dart';
import 'package:flutter/material.dart';
import 'package:marktag/marktag.dart';

// Test toggle.
//   true  → init with `tag + tagId` (client-side mode).
//   false → init with `tag + serverId` (server-side mode).
const _useClientSide = true;

void main() {
  WidgetsFlutterBinding.ensureInitialized();
  if (_useClientSide) {
    Marktag.instance.init(
      tag: 'mtag.markopolo.ai',
      tagId: 'y5mpbm',
      enableLogging: true,
    );
  } else {
    Marktag.instance.init(
      tag: 'mtag.imti.tech',
      serverId: '21j3eM',
      enableLogging: true,
    );
  }
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Marktag Example',
      navigatorObservers: [
        // Add this observer to automatically log page views
        MarktagNavigatorObserver(
          marktag: Marktag.instance,
        ),
      ],
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      home: const HomePage(),
      routes: {
        // Route name must be set for automatic logging. If you use navigator 2.0, this is automatically done.
        '/demo': (context) => const DemoPage(),
      },
    );
  }
}

class HomePage extends StatelessWidget {
  const HomePage({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Marktag Example'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            ElevatedButton(
              onPressed: () {
                Marktag.instance.logLogin(
                  email: '[e-mail]',
                  name: 'Test User',
                  phone: '[phone]',
                );
              },
              child: const Text('Log Login'),
            ),
            ElevatedButton(
              onPressed: () {
                Marktag.instance.logEvent(
                  MarktagEvent(
                    event: 'TestEvent',
                    metadata: {'sdk': 'flutter'},
                  ),
                );
              },
              child: const Text('Log Event'),
            ),
            ElevatedButton(
              onPressed: () {
                Marktag.instance.logEvent(
                  MarktagEvent(
                    event: MarktagEvents.viewItem,
                    pageUrl: '/',
                    items: [
                      MarktagEventItem(
                        id: '123',
                        name: 'Test Item',
                        price: 100,
                        quantity: 1,
                        category: 'Test Category',
                        variant: 'Test Variant',
                        coupon: 'TEST123',
                        discount: 10,
                      ),
                    ],
                  ),
                );
              },
              child: const Text('Log View Item'),
            ),
            ElevatedButton(
              onPressed: () {
                Marktag.instance.logPageView('test-page');
              },
              child: const Text('Log Page View (Manual logging)'),
            ),
            ElevatedButton(
              onPressed: () {
                Navigator.of(context).pushNamed('/demo');
              },
              child: const Text('Go to Demo Page (Automatic logging)'),
            ),
          ],
        ),
      ),
    );
  }
}