【Angular】Google Adsenseの書き方

Google Adsenseコードの取得

Google Adsenseから広告コードを取得します。

サンプルの広告コード

Google Adsenseコンポーネントの作成

コンポーネント名は任意です。

作成したgoogle-adsenseコンポーネントを下記のようにします。devModeを用意して開発時はGoogle Adsenseはテストモードにしています

templateは下記の通りです。ngifでテストモードかリリースモードかを切り替えています。insタグ内は最初に取得したコードを使用します。insにadtest=”on”がある場合テストモードになります。

スクリプトの読み込み

index.htmlにadsenseのスクリプトを読み込むようにします。

DI

トップからDIするならapp.module.tsにDIします。

使い方

表示したいコンポーネントのtemplateにセレクタを記載するだけです。

スポンサーリンク
レタリング(大)広告
レタリング(大)広告

シェアする

  • このエントリーをはてなブックマークに追加

フォローする

スポンサーリンク
レタリング(大)広告