@revjet/react-revjet-tag v5.2.3

React RevJet Tag

RevJet content Tag for React.

Usage Example

import React from 'react'
import { RevJetTag, TagProperties } from '@revjet/react-revjet-tag'

export interface AppProps {}

const tagProperties: TagProperties = {
	_tag: 'tagXXXX',
	_plc_id: '12345',
	_key: 'xxx',
	debug: 'emulate',
	_opts: {
		custom_domain: 'ads.revjet.com',
		autohide: false,
		responsive: true,
		responsive_height: 'dynamic',
		delivery_method: 'banner',
		_imp_banner_size: '640x480'
	},
	_custom_parameter: 'Custom Parameter'
}

export function App(_props: AppProps) {
	// Optional
	const onBeforeLoad = useCallback(() => {
		console.log('onBeforeLoad', tagProperties)
	}, [tagProperties])

	// Optional
	const onLoad = useCallback(() => {
		console.log('onLoad', tagProperties)
	}, [tagProperties])

	// Optional
	const onError = useCallback(
		(err) => {
			console.log('onError', err, tagProperties)
		},
		[tagProperties]
	)

	return (
		<div>
			<RevJetTag
				tagProperties={tagProperties}
				onBeforeLoad={onBeforeLoad}
				onLoad={onLoad}
				onError={onError}
			/>
		</div>
	)
}