j1-template 2024.1.5 → 2024.2.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_includes/themes/j1/layouts/content_generator_page.html +0 -34
- data/_includes/themes/j1/modules/searcher/generator.html +4 -1
- data/_includes/themes/j1/modules/searcher/procedures/topsearch.proc +59 -56
- data/assets/data/authclient.html +1 -8
- data/assets/data/banner.html +1 -7
- data/assets/data/fab.html +2 -13
- data/assets/data/footer.html +0 -3
- data/assets/data/galeries.html +2 -13
- data/assets/data/gemini-ui.html +74 -21
- data/assets/data/iframes.html +1 -4
- data/assets/data/masonry.html +1 -13
- data/assets/data/masterslider.html +10 -21
- data/assets/data/menu.html +6 -14
- data/assets/data/mmenu.html +6 -5
- data/assets/data/mmenu_toc.html +2 -1
- data/assets/data/panel.html +4 -11
- data/assets/data/particles.yml +8 -8
- data/assets/data/quicklinks.html +4 -23
- data/assets/data/rtext_resizer.html +3 -1
- data/assets/data/slick.html +9 -11
- data/assets/data/translator.html +0 -1
- data/assets/themes/j1/adapter/js/advertising.js +141 -172
- data/assets/themes/j1/adapter/js/algolia.js +61 -54
- data/assets/themes/j1/adapter/js/analytics.js +67 -47
- data/assets/themes/j1/adapter/js/asciidoctor.js +32 -20
- data/assets/themes/j1/adapter/js/attic.js +75 -69
- data/assets/themes/j1/adapter/js/bmd.js +195 -177
- data/assets/themes/j1/adapter/js/carousel.js +786 -761
- data/assets/themes/j1/adapter/js/chatbot.js +77 -35
- data/assets/themes/j1/adapter/js/clipboard.js +66 -49
- data/assets/themes/j1/adapter/js/comments.js +92 -70
- data/assets/themes/j1/adapter/js/cookieConsent.js +466 -462
- data/assets/themes/j1/adapter/js/customFunctions.js +52 -35
- data/assets/themes/j1/adapter/js/customModule.js +56 -46
- data/assets/themes/j1/adapter/js/docsearch.js +54 -34
- data/assets/themes/j1/adapter/js/dropdowns.js +65 -52
- data/assets/themes/j1/adapter/js/fab.js +123 -109
- data/assets/themes/j1/adapter/js/gallery.js +494 -476
- data/assets/themes/j1/adapter/js/gemini.js +933 -299
- data/assets/themes/j1/adapter/js/iconPicker.js +255 -235
- data/assets/themes/j1/adapter/js/iconPickerPage.js +279 -0
- data/assets/themes/j1/adapter/js/iframer.js +81 -61
- data/assets/themes/j1/adapter/js/j1.js +3285 -3222
- data/assets/themes/j1/adapter/js/lazyLoader.js +241 -222
- data/assets/themes/j1/adapter/js/lightbox.js +241 -241
- data/assets/themes/j1/adapter/js/logger.js +77 -66
- data/assets/themes/j1/adapter/js/lunr.js +688 -86
- data/assets/themes/j1/adapter/js/masonry.js +426 -411
- data/assets/themes/j1/adapter/js/masterslider.js +526 -527
- data/assets/themes/j1/adapter/js/mmenu.js +101 -66
- data/assets/themes/j1/adapter/js/navigator.js +291 -356
- data/assets/themes/j1/adapter/js/particles.js +61 -40
- data/assets/themes/j1/adapter/js/rangeSlider.js +65 -48
- data/assets/themes/j1/adapter/js/rouge.js +287 -269
- data/assets/themes/j1/adapter/js/rtable.js +309 -293
- data/assets/themes/j1/adapter/js/rtextResizer.js +57 -44
- data/assets/themes/j1/adapter/js/scroller.js +170 -133
- data/assets/themes/j1/adapter/js/slick.js +487 -485
- data/assets/themes/j1/adapter/js/slimSelect.js +290 -0
- data/assets/themes/j1/adapter/js/speak2me.js +124 -128
- data/assets/themes/j1/adapter/js/themeToggler.js +280 -260
- data/assets/themes/j1/adapter/js/{themer.js → themes.js} +145 -113
- data/assets/themes/j1/adapter/js/toccer.js +87 -54
- data/assets/themes/j1/adapter/js/translator.js +73 -70
- data/assets/themes/j1/adapter/js/waves.js +74 -58
- data/assets/themes/j1/core/css/themes/unolight/bootstrap.css +29 -11
- data/assets/themes/j1/core/css/themes/unolight/bootstrap.min.css +2 -2
- data/assets/themes/j1/core/js/template.js +474 -420
- data/assets/themes/j1/core/js/template.min.js +7 -7
- data/assets/themes/j1/core/js/template.min.js.map +1 -1
- data/assets/themes/j1/modules/carousel/css/theme/uno.css +4 -4
- data/assets/themes/j1/modules/carousel/css/theme/uno.min.css +1 -1
- data/assets/themes/j1/modules/clipboard/js/clipboard.js +0 -1
- data/assets/themes/j1/modules/cookieConsent/js/cookieConsent.js +4 -4
- data/assets/themes/j1/modules/iconPicker/css/theme/uno.css +58 -0
- data/assets/themes/j1/modules/iconPicker/css/theme/uno.min.css +16 -0
- data/assets/themes/j1/modules/iconPicker/js/universal-icon-picker.0.js +493 -0
- data/assets/themes/j1/modules/iconPicker/js/universal-icon-picker.js +7 -7
- data/assets/themes/j1/modules/lightGallery/js/plugins/lg-video.js +4 -4
- data/assets/themes/j1/modules/lightGallery/js/plugins/lg-video.min.js +2 -10
- data/assets/themes/j1/modules/lunr/css/j1.css +12 -6
- data/assets/themes/j1/modules/lunr/css/j1.min.css +1 -1
- data/assets/themes/j1/modules/lunr/js/j1.js +46 -43
- data/assets/themes/j1/modules/lunr/js/j1.min.js +1 -1
- data/assets/themes/j1/modules/masterslider/js/masterslider.js +1 -1
- data/assets/themes/j1/modules/scroller/js/scroller.js +64 -74
- data/assets/themes/j1/modules/scroller/js/scroller.min.js +1 -1
- data/assets/themes/j1/modules/slick/slider/css/theme/uno.css +4 -4
- data/assets/themes/j1/modules/slick/slider/css/theme/uno.min.css +1 -1
- data/assets/themes/j1/modules/slimSelect/js/select.js +1865 -1821
- data/assets/themes/j1/modules/slimSelect/js/select.min.js +2 -1
- data/assets/themes/j1/modules/themeSwitcher/js/switcher.js +87 -89
- data/assets/themes/j1/modules/themeSwitcher/js/switcher.min.js +1 -1
- data/assets/themes/j1/modules/videojs/js/plugins/vm/api/player.min.js +5 -7
- data/assets/themes/j1/modules/videojs/js/plugins/vm/api/v2.20.1/player.min.js +23 -0
- data/lib/j1/version.rb +1 -1
- data/lib/starter_web/Gemfile +2 -2
- data/lib/starter_web/README.md +5 -5
- data/lib/starter_web/_config.yml +1 -1
- data/lib/starter_web/_data/blocks/_panel.yml +775 -0
- data/lib/starter_web/_data/blocks/panel.yml +53 -53
- data/lib/starter_web/_data/j1_config.yml +3 -2
- data/lib/starter_web/_data/layouts/default.yml +0 -2
- data/lib/starter_web/_data/modules/_scroller.yml +102 -0
- data/lib/starter_web/_data/modules/carousel.yml +3 -3
- data/lib/starter_web/_data/modules/defaults/attics.yml +5 -5
- data/lib/starter_web/_data/modules/defaults/docsearch.yml +1 -1
- data/lib/starter_web/_data/modules/defaults/gemini.yml +204 -46
- data/lib/starter_web/_data/modules/defaults/{iconPicker.yml → icon_picker.yml} +6 -12
- data/lib/starter_web/_data/modules/defaults/lunr.yml +20 -5
- data/lib/starter_web/_data/modules/defaults/masterslider.yml +4 -4
- data/lib/starter_web/_data/modules/defaults/navigator.yml +20 -24
- data/lib/starter_web/_data/modules/defaults/particles.yml +3 -3
- data/lib/starter_web/_data/modules/defaults/slim_select.yml +54 -0
- data/lib/starter_web/_data/modules/defaults/{themer.yml → themes.yml} +171 -171
- data/lib/starter_web/_data/modules/defaults/toccer.yml +1 -1
- data/lib/starter_web/_data/modules/gallery.yml +33 -38
- data/lib/starter_web/_data/modules/gemini.yml +42 -3
- data/lib/starter_web/_data/modules/{iconPicker.yml → icon_picker.yml} +31 -3
- data/lib/starter_web/_data/modules/lunr.yml +12 -1
- data/lib/starter_web/_data/modules/masonry.yml +37 -38
- data/lib/starter_web/_data/modules/masterslider.yml +78 -95
- data/lib/starter_web/_data/modules/navigator_menu.yml +12 -20
- data/lib/starter_web/_data/modules/particles.yml +3 -3
- data/lib/starter_web/_data/modules/scroller.yml +3 -3
- data/lib/starter_web/_data/modules/slim_select.yml +110 -0
- data/lib/starter_web/_data/modules/{themer.yml → themes.yml} +4 -4
- data/lib/starter_web/_data/resources.yml +57 -47
- data/lib/starter_web/_data/templates/feed.xml +1 -1
- data/lib/starter_web/_includes/attributes.asciidoc +354 -355
- data/lib/starter_web/_plugins/asciidoctor/gemini-ui-block.rb +1 -1
- data/lib/starter_web/_plugins/asciidoctor/slim-select-block.rb +45 -0
- data/lib/starter_web/_plugins/index/lunr.rb +1 -1
- data/lib/starter_web/collections/asciidoc_skeletons/simple-post/_posts/yyyy-mm-dd-your-post-name.asciidoc +5 -2
- data/lib/starter_web/collections/posts/public/featured/_posts/0000-00-00-welcome-to-j1.adoc.erb +3 -3
- data/lib/starter_web/collections/posts/public/featured/_posts/2021-01-01-about-cookies.adoc +9 -9
- data/lib/starter_web/collections/posts/public/featured/_posts/2021-02-01-static-site-generators.adoc +4 -4
- data/lib/starter_web/collections/posts/public/featured/_posts/2022-02-01-about-j1.adoc +3 -2
- data/lib/starter_web/collections/posts/public/featured/_posts/2023-10-18-url-types.adoc +12 -12
- data/lib/starter_web/package.json +1 -1
- data/lib/starter_web/pages/public/about/features.adoc +1 -1
- data/lib/starter_web/pages/public/about/reporting_issues.adoc +1 -0
- data/lib/starter_web/pages/public/asciidoc_skeletons/documentation/_includes/attributes.asciidoc +44 -44
- data/lib/starter_web/pages/public/asciidoc_skeletons/documentation/documentation.adoc +1 -0
- data/lib/starter_web/pages/public/asciidoc_skeletons/multi-document/_includes/attributes.asciidoc +12 -12
- data/lib/starter_web/pages/public/blog/navigator/archive/allview.html +1 -1
- data/lib/starter_web/pages/public/{legal/learn → learn}/roundtrip/_includes/attributes.asciidoc +42 -28
- data/lib/starter_web/pages/public/{legal/learn → learn}/roundtrip/highlghter_rouge.adoc +1 -0
- data/lib/starter_web/pages/public/{legal/learn → learn}/roundtrip/lunr_search.adoc +1 -0
- data/lib/starter_web/pages/public/{legal/learn → learn}/roundtrip/present_audio_video.adoc +18 -2
- data/lib/starter_web/pages/public/{legal/learn → learn}/roundtrip/present_images.adoc +500 -507
- data/lib/starter_web/pages/public/legal/en/100_copyright.adoc +6 -11
- data/lib/starter_web/pages/public/legal/en/200_impress.adoc +4 -11
- data/lib/starter_web/pages/public/legal/en/300_privacy.adoc +5 -12
- data/lib/starter_web/pages/public/legal/en/400_comment_policy.adoc +5 -10
- data/lib/starter_web/pages/public/tools/previewer/_includes/attributes.asciidoc +10 -9
- data/lib/starter_web/pages/public/tools/previewer/preview_bootstrap_theme.adoc +77 -75
- metadata +50 -46
- data/lib/starter_web/pages/public/manuals/integrations/gemini/_includes/attributes.asciidoc +0 -47
- data/lib/starter_web/pages/public/manuals/integrations/gemini/_includes/documents/preview_google_adsense.asciidoc +0 -448
- data/lib/starter_web/pages/public/manuals/integrations/gemini/_includes/documents/readme +0 -0
- data/lib/starter_web/pages/public/manuals/integrations/gemini/_includes/tables/readme +0 -0
- data/lib/starter_web/pages/public/manuals/integrations/gemini/gemini.adoc +0 -525
- data/lib/starter_web/pages/public/manuals/integrations/gemini/security.asccidoc +0 -274
- data/lib/starter_web/pages/public/manuals/integrations/gemini/security.hrml +0 -560
- /data/lib/starter_web/pages/public/{legal/learn → learn}/bookshelf/article_previewer/viewer_biography.adoc +0 -0
- /data/lib/starter_web/pages/public/{legal/learn → learn}/bookshelf/article_previewer/viewer_fantasy.adoc +0 -0
- /data/lib/starter_web/pages/public/{legal/learn → learn}/bookshelf/article_previewer/viewer_romance.adoc +0 -0
- /data/lib/starter_web/pages/public/{legal/learn → learn}/bookshelf/jekyll_collections.adoc +0 -0
- /data/lib/starter_web/pages/public/{legal/learn → learn}/bookshelf/viewer_all_books.adoc +0 -0
- /data/lib/starter_web/pages/public/{legal/learn → learn}/roundtrip/_includes/documents/100_gistblock.asciidoc +0 -0
- /data/lib/starter_web/pages/public/{legal/learn → learn}/roundtrip/_includes/documents/410_bottom_info.asciidoc +0 -0
- /data/lib/starter_web/pages/public/{legal/learn → learn}/roundtrip/_includes/documents/410_bottom_left_warning.asciidoc +0 -0
- /data/lib/starter_web/pages/public/{legal/learn → learn}/roundtrip/_includes/documents/410_bottom_right_danger.asciidoc +0 -0
- /data/lib/starter_web/pages/public/{legal/learn → learn}/roundtrip/_includes/documents/410_central_success.asciidoc +0 -0
- /data/lib/starter_web/pages/public/{legal/learn → learn}/roundtrip/_includes/documents/410_full_height_left_info.asciidoc +0 -0
- /data/lib/starter_web/pages/public/{legal/learn → learn}/roundtrip/_includes/documents/410_full_height_right_success.asciidoc +0 -0
- /data/lib/starter_web/pages/public/{legal/learn → learn}/roundtrip/_includes/documents/410_table_bs_modal_examples.asciidoc +0 -0
- /data/lib/starter_web/pages/public/{legal/learn → learn}/roundtrip/_includes/documents/410_top_info.asciidoc +0 -0
- /data/lib/starter_web/pages/public/{legal/learn → learn}/roundtrip/_includes/documents/410_top_left_info.asciidoc +0 -0
- /data/lib/starter_web/pages/public/{legal/learn → learn}/roundtrip/_includes/documents/410_top_right_success.asciidoc +0 -0
- /data/lib/starter_web/pages/public/{legal/learn → learn}/roundtrip/_includes/documents/419_advanced_modals_demo.asciidoc +0 -0
- /data/lib/starter_web/pages/public/{legal/learn → learn}/roundtrip/_includes/documents/tables/bs_modal_examples.asciidoc +0 -0
- /data/lib/starter_web/pages/public/{legal/learn → learn}/roundtrip/_includes/documents/themes_bootstrap.asciidoc +0 -0
- /data/lib/starter_web/pages/public/{legal/learn → learn}/roundtrip/_includes/documents/themes_rouge.asciidoc +0 -0
- /data/lib/starter_web/pages/public/{legal/learn → learn}/roundtrip/asciidoc_extensions.adoc +0 -0
- /data/lib/starter_web/pages/public/{legal/learn → learn}/roundtrip/bootstrap_themes.adoc +0 -0
- /data/lib/starter_web/pages/public/{legal/learn → learn}/roundtrip/icon_fonts.adoc +0 -0
- /data/lib/starter_web/pages/public/{legal/learn → learn}/roundtrip/modal_extentions.adoc +0 -0
- /data/lib/starter_web/pages/public/{legal/learn → learn}/roundtrip/responsive_tables.adoc +0 -0
- /data/lib/starter_web/pages/public/{legal/learn → learn}/roundtrip/typography.adoc +0 -0
- /data/lib/starter_web/pages/public/{legal/learn → learn}/where_to_go.adoc +0 -0
@@ -1,448 +0,0 @@
|
|
1
|
-
---
|
2
|
-
title: Google Adsense
|
3
|
-
tagline: Preview Advertising
|
4
|
-
date: 2023-05-19
|
5
|
-
#last_modified: 2023-01-01
|
6
|
-
description: >
|
7
|
-
J1 Template is a Bootstrap V5 website template for the static
|
8
|
-
site generator Jekyll.
|
9
|
-
AdSense is an advertising platform provided by Google,
|
10
|
-
fully integrated into J1 Template for easy use, that
|
11
|
-
allows website owners and content creators to earn
|
12
|
-
money by displaying targeted advertisements on their
|
13
|
-
online properties.
|
14
|
-
keywords: >
|
15
|
-
Jekyll, Theme, JekyllOne, Info, Preview, Google, Adsense
|
16
|
-
|
17
|
-
categories: [ Manual ]
|
18
|
-
tags: [ Cheatsheet, Adsense ]
|
19
|
-
|
20
|
-
image:
|
21
|
-
path: /assets/images/modules/attics/1920x1280/eleni-afiontzi.jpg
|
22
|
-
width: 1920
|
23
|
-
height: 1280
|
24
|
-
|
25
|
-
regenerate: false
|
26
|
-
permalink: /pages/public/tools/previewer/gad/
|
27
|
-
|
28
|
-
resources: [ animate, clipboard, rouge ]
|
29
|
-
resource_options:
|
30
|
-
- attic:
|
31
|
-
slides:
|
32
|
-
- url: /assets/images/modules/attics/1920x1280/eleni-afiontzi.jpg
|
33
|
-
alt: Photo by Eleni Afiontzi on Unsplash
|
34
|
-
badge:
|
35
|
-
type: unsplash
|
36
|
-
author: Eleni Afiontzi
|
37
|
-
href: //unsplash.com/de/@eleniafiontzi
|
38
|
-
---
|
39
|
-
|
40
|
-
// Page Initializer
|
41
|
-
// =============================================================================
|
42
|
-
// Enable the Liquid Preprocessor
|
43
|
-
:page-liquid:
|
44
|
-
|
45
|
-
// Set (local) page attributes here
|
46
|
-
// -----------------------------------------------------------------------------
|
47
|
-
// :page--attr: <attr-value>
|
48
|
-
|
49
|
-
// Load Liquid procedures
|
50
|
-
// -----------------------------------------------------------------------------
|
51
|
-
{% capture load_attributes %}themes/{{site.template.name}}/procedures/global/attributes_loader.proc{%endcapture%}
|
52
|
-
|
53
|
-
// Load page attributes
|
54
|
-
// -----------------------------------------------------------------------------
|
55
|
-
{% include {{load_attributes}} scope="global" %}
|
56
|
-
|
57
|
-
|
58
|
-
// Page content
|
59
|
-
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
|
60
|
-
|
61
|
-
// Include sub-documents (if any)
|
62
|
-
// -----------------------------------------------------------------------------
|
63
|
-
[role="dropcap"]
|
64
|
-
AdSense is an advertising platform provided by _Google_ that allows website
|
65
|
-
owners and content creators to earn money by displaying targeted advertisements
|
66
|
-
on their online properties. It is one of the most popular and widely used
|
67
|
-
advertising networks on the internet.
|
68
|
-
|
69
|
-
It's important to note that _AdSense_ has *policies and guidelines* that
|
70
|
-
publishers *must* adhere to. Violations of these policies can lead to penalties
|
71
|
-
or even account suspension. Publishers need to ensure that their content and
|
72
|
-
website comply with the AdSense *program policies* to maintain their
|
73
|
-
eligibility for the program.
|
74
|
-
|
75
|
-
IMPORTANT: For compliance reasons (GDPR/Europe, CPRA/USA), website visitors
|
76
|
-
must accept cookies for *personalization*. If the user rejects personalization,
|
77
|
-
the *Advertising* module for _Google Adsense_ is *disabled* on *all* pages.
|
78
|
-
*No* advertising is used and all Cookies placed by _Google AdSense_ (if any)
|
79
|
-
are removed automatically.
|
80
|
-
|
81
|
-
|
82
|
-
[role="mt-5"]
|
83
|
-
== Benefits using AdSense
|
84
|
-
|
85
|
-
With AdSense, website owners can participate in the program to monetize
|
86
|
-
their websites, blogs, or YouTube channels. AdSense provides a way for
|
87
|
-
publishers to generate revenue by displaying relevant ads matched to their
|
88
|
-
site's content or videos When a visitor clicks on an ad displayed through
|
89
|
-
AdSense, the website owner earns a portion of the revenue generated from
|
90
|
-
that click. The amount earned per click can vary depending on factors such
|
91
|
-
as the advertiser's bid, the ad's keywords' competitiveness, and the
|
92
|
-
website's overall performance.
|
93
|
-
|
94
|
-
AdSense uses contextual targeting to display ads relevant to the website's
|
95
|
-
content. Using the service means that the ads are tailored to match the
|
96
|
-
interests of the visitors, increasing the likelihood of clicks and conversions
|
97
|
-
for advertisers. Google handles the entire ad selection, delivery, and
|
98
|
-
payment process, making it a convenient solution for website owners who
|
99
|
-
want to monetize their online presence. AdSense also provides various
|
100
|
-
customization options, allowing publishers to control the appearance and
|
101
|
-
placement of ads on their websites.
|
102
|
-
|
103
|
-
[role="mt-5"]
|
104
|
-
== J1 Integration
|
105
|
-
|
106
|
-
To make the implementation of _Google Adsense_ as easy as possible, no
|
107
|
-
programming is needed. J1 Template integrates _Adsense_ by placing all
|
108
|
-
required code (HTML- and Javascript code) by the *Advertising* module
|
109
|
-
automatically.
|
110
|
-
|
111
|
-
Setting up the _Adsense_ integration is a simple three step process:
|
112
|
-
|
113
|
-
. *Configure* the ads you have already configured with the _Google Adsense_
|
114
|
-
home page, with the module configuration file `advertising.yml` located
|
115
|
-
in the `_data` folder (modules).
|
116
|
-
. *Place* your ads in the *source code* of your pages. The integration does
|
117
|
-
not need any programming. Use the Asciidoc extension `gad::` to place a
|
118
|
-
container identified by the `id` you have given with the first step.
|
119
|
-
. *Activate* the _Adsense_ integration *module* on all pages _Google Ads_
|
120
|
-
should be used by requesting the module in the front matter.
|
121
|
-
|
122
|
-
On pages, the integration is *activated*, enabling adversting is done by:
|
123
|
-
|
124
|
-
. *Placing* the _Google Adsense_ *API* (Javascript code) in the `<head>`
|
125
|
-
section of your page.
|
126
|
-
. *Writing* the required *HTML* code for all ads placed in the configured
|
127
|
-
containers of a page.
|
128
|
-
. *Activating* all ads placed in all containers of a page.
|
129
|
-
|
130
|
-
First, find common examples of how *Google Ads* are integrated into the
|
131
|
-
*pages* of your website. If your site is *successfully* registered with
|
132
|
-
_Adsense_ program, you can define individual ad blocks from the main menu
|
133
|
-
under *Advertisement*. Choosing the right ad type for Google AdSense depends
|
134
|
-
on a variety of factors, including your site's layout, the type of content,
|
135
|
-
and the preferences of your audience.
|
136
|
-
|
137
|
-
=== Examples
|
138
|
-
|
139
|
-
When choosing the type of ad, it's important to keep your visitors' user
|
140
|
-
experience in mind. Ensure the ads aren't overly intrusive and don't unduly
|
141
|
-
interfere with your site's content. Experiment with different ad types and
|
142
|
-
monitor performance to see which ones work best for your site and goals to
|
143
|
-
achive best results for monetizing.
|
144
|
-
|
145
|
-
==== Type Display
|
146
|
-
|
147
|
-
A practical *all-around* solution for _Google Ads_ is the type `display`
|
148
|
-
that can be used *anywhere* on your site. The type `display` is typically
|
149
|
-
used as a delimiter element between the landing page's main sections.
|
150
|
-
|
151
|
-
.Configuration example
|
152
|
-
[source, yaml]
|
153
|
-
----
|
154
|
-
# ------------------------------------------------------------------------------
|
155
|
-
# Ad on slot id "5128488466" (Type Display)
|
156
|
-
#
|
157
|
-
- ad:
|
158
|
-
|
159
|
-
# container settings
|
160
|
-
# ----------------------------------------------------------------------------
|
161
|
-
enabled: true
|
162
|
-
|
163
|
-
id: ad_5128488466
|
164
|
-
layout: page
|
165
|
-
content_page: preview_google_adsense
|
166
|
-
|
167
|
-
# ad properties
|
168
|
-
# ----------------------------------------------------------------------------
|
169
|
-
publisherID: ca-pub-3885670015316130
|
170
|
-
test: "off"
|
171
|
-
styles: "display:block;"
|
172
|
-
slot: 5128488466
|
173
|
-
ad_layout: display
|
174
|
-
ad_format: auto
|
175
|
-
ad_responsive: true
|
176
|
-
----
|
177
|
-
|
178
|
-
gad::ad_5128488466["mt-6 mb-6"]
|
179
|
-
|
180
|
-
==== Type In-Article
|
181
|
-
|
182
|
-
A common type for *Google Ads* is the type `in-article`. The *In-Article*
|
183
|
-
format adapts to your website and is well suitable for content pages of
|
184
|
-
type *page* or *post* (article) using a lot of text sections (chapters).
|
185
|
-
|
186
|
-
.Configuration example
|
187
|
-
[source, yaml]
|
188
|
-
----
|
189
|
-
# ------------------------------------------------------------------------------
|
190
|
-
# Ad on slot id "7522184684" (Type In-Article)
|
191
|
-
#
|
192
|
-
- ad:
|
193
|
-
|
194
|
-
# container settings
|
195
|
-
# ----------------------------------------------------------------------------
|
196
|
-
enabled: true
|
197
|
-
|
198
|
-
id: ad_7522184684
|
199
|
-
layout: page
|
200
|
-
content_page: preview_google_adsense
|
201
|
-
|
202
|
-
# ad properties
|
203
|
-
# ----------------------------------------------------------------------------
|
204
|
-
publisherID: ca-pub-3885670015316130
|
205
|
-
test: "off"
|
206
|
-
styles: "display:block; text-align:center;"
|
207
|
-
slot: 7522184684
|
208
|
-
ad_layout: in-article
|
209
|
-
ad_format: fluid
|
210
|
-
----
|
211
|
-
|
212
|
-
gad::ad_7522184684["mt-5 mb-5"]
|
213
|
-
|
214
|
-
////
|
215
|
-
==== Type Multiplex
|
216
|
-
|
217
|
-
Multiplex Ads is a button-based ad unit that shows native ads with recommended
|
218
|
-
content. *Multiplex Ads* is common on content pages of type *page* or *post*
|
219
|
-
(article).
|
220
|
-
|
221
|
-
NOTE: If you have specific requirements for the appearance of responsive
|
222
|
-
multiplex ad units, you can add parameters to the ad code. The additional
|
223
|
-
parameters allow you to change the layout of these ad units and determine
|
224
|
-
how the rows and columns of the ads should be arranged.
|
225
|
-
|
226
|
-
.Configuration example
|
227
|
-
[source, yaml]
|
228
|
-
----
|
229
|
-
# ------------------------------------------------------------------------------
|
230
|
-
# Ad on slot id "4814313879" (Type Multiplex)
|
231
|
-
#
|
232
|
-
- ad:
|
233
|
-
|
234
|
-
# container settings
|
235
|
-
# ----------------------------------------------------------------------------
|
236
|
-
enabled: true
|
237
|
-
|
238
|
-
id: ad_4814313879
|
239
|
-
layout: page
|
240
|
-
content_page: preview_google_adsense
|
241
|
-
|
242
|
-
# ad properties
|
243
|
-
# ----------------------------------------------------------------------------
|
244
|
-
publisherID: ca-pub-3885670015316130
|
245
|
-
test: "on"
|
246
|
-
styles: "display:block;"
|
247
|
-
slot: 4814313879
|
248
|
-
ad_layout: multiplex
|
249
|
-
ui_type: image_card_sidebyside
|
250
|
-
ui_rows: 1
|
251
|
-
ui_columns: 2
|
252
|
-
----
|
253
|
-
|
254
|
-
gad::ad_4814313879["mt-6 mb-6"]
|
255
|
-
////
|
256
|
-
|
257
|
-
[role="mt-4"]
|
258
|
-
=== Setup
|
259
|
-
|
260
|
-
Setting up the *Advertising* requires to *enable* the module on every page
|
261
|
-
by requesting the *module* to be loaded by the `resources` record. Add the
|
262
|
-
*id* of the module `advertising` to enable the processing the ads you have
|
263
|
-
configured.
|
264
|
-
|
265
|
-
.Front matter settings (resources)
|
266
|
-
[source, yaml, role="noclip"]
|
267
|
-
----
|
268
|
-
title: Google Adsense
|
269
|
-
tagline: Preview Advertising
|
270
|
-
|
271
|
-
...
|
272
|
-
|
273
|
-
resources: [ animate, clipboard, rouge ]
|
274
|
-
|
275
|
-
...
|
276
|
-
----
|
277
|
-
|
278
|
-
|
279
|
-
[role="mt-4"]
|
280
|
-
=== Asciidoc Extension
|
281
|
-
|
282
|
-
Making ads on a page easier, the Asciidoc Extention `gad::` supports you in
|
283
|
-
placing a container into your source code. While your page is being processed
|
284
|
-
by _Jekyll_, the module places a `<div>` element and fills in on module
|
285
|
-
*initialization*.
|
286
|
-
|
287
|
-
[source, bash, role="noclip"]
|
288
|
-
----
|
289
|
-
gad::ad_id[role="additional container classes"]
|
290
|
-
----
|
291
|
-
|
292
|
-
.Example
|
293
|
-
[source, bash, role="noclip"]
|
294
|
-
----
|
295
|
-
gad::ad_5128488466["mt-6 mb-6"]
|
296
|
-
----
|
297
|
-
|
298
|
-
The *HTML code* generated for an ad (id `ad_5128488466`) looks like so:
|
299
|
-
|
300
|
-
.Generated HTML code
|
301
|
-
[source, html]
|
302
|
-
----
|
303
|
-
<div id="ad_5128488466" class="gad-container mt-6 mb-6">
|
304
|
-
<ins id="ins_ad_5128488466"
|
305
|
-
class="adsbygoogle"
|
306
|
-
style="display:block;"
|
307
|
-
data-ad-test="on"
|
308
|
-
data-ad-client="ca-pub-1234567890123456"
|
309
|
-
data-ad-slot="5128488466"
|
310
|
-
data-ad-format="auto"
|
311
|
-
data-full-width-responsive="true">
|
312
|
-
</ins>
|
313
|
-
</div>
|
314
|
-
----
|
315
|
-
|
316
|
-
NOTE: On module *initialization*, all `<div>` elements get registered with
|
317
|
-
*Google AdSense* to fill the *container* by active advertising code.
|
318
|
-
|
319
|
-
|
320
|
-
[role="mt-5"]
|
321
|
-
== Module Configuration
|
322
|
-
|
323
|
-
The module configuration requires first to set your `publisherID` *globally*
|
324
|
-
to register a page with *Google AdSense*. In a second step, all *ads*
|
325
|
-
(ad blocks, slot ids) registered with your AdSense account are to be defined.
|
326
|
-
|
327
|
-
[source, yaml, role="noclip"]
|
328
|
-
----
|
329
|
-
# ------------------------------------------------------------------------------
|
330
|
-
# User settings
|
331
|
-
#
|
332
|
-
settings:
|
333
|
-
enabled: true
|
334
|
-
|
335
|
-
google:
|
336
|
-
publisherID: <your-publisher-id>
|
337
|
-
autoHideOnUnfilled: false
|
338
|
-
addBorderOnUnfilled: true
|
339
|
-
|
340
|
-
# ----------------------------------------------------------------------------
|
341
|
-
# All advertising container/ad available
|
342
|
-
# ----------------------------------------------------------------------------
|
343
|
-
ads:
|
344
|
-
|
345
|
-
# --------------------------------------------------------------------------
|
346
|
-
# Ad on slot id "5128488466" (Type Display)
|
347
|
-
#
|
348
|
-
- ad:
|
349
|
-
|
350
|
-
# container settings
|
351
|
-
# ------------------------------------------------------------------------
|
352
|
-
enabled: true
|
353
|
-
|
354
|
-
id: ad_5128488466
|
355
|
-
layout: home
|
356
|
-
|
357
|
-
# ad properties
|
358
|
-
# ------------------------------------------------------------------------
|
359
|
-
publisherID: ca-pub-1234567890123456
|
360
|
-
test: "on"
|
361
|
-
styles: "display:block;"
|
362
|
-
slot: 5128488466
|
363
|
-
ad_layout: display
|
364
|
-
|
365
|
-
# --------------------------------------------------------------------------
|
366
|
-
# Ad on slot id "5128488466" (Type Display)
|
367
|
-
#
|
368
|
-
- ad:
|
369
|
-
|
370
|
-
# container settings
|
371
|
-
# ------------------------------------------------------------------------
|
372
|
-
enabled: true
|
373
|
-
|
374
|
-
id: ad_5128488466
|
375
|
-
layout: page
|
376
|
-
|
377
|
-
# ad properties
|
378
|
-
# ------------------------------------------------------------------------
|
379
|
-
publisherID: ca-pub-1234567890123456
|
380
|
-
test: "on"
|
381
|
-
styles: "display:block;"
|
382
|
-
slot: 5128488466
|
383
|
-
ad_layout: display
|
384
|
-
|
385
|
-
# ------------------------------------------------------------------------
|
386
|
-
# Ad on slot id "4814313879" (Type Multiplex)
|
387
|
-
#
|
388
|
-
- ad:
|
389
|
-
|
390
|
-
# container settings
|
391
|
-
# ----------------------------------------------------------------------
|
392
|
-
enabled: false
|
393
|
-
|
394
|
-
id: ad_4814313879
|
395
|
-
layout: page
|
396
|
-
|
397
|
-
# ad properties
|
398
|
-
# ----------------------------------------------------------------------
|
399
|
-
publisherID: ca-pub-1234567890123456
|
400
|
-
test: "on"
|
401
|
-
styles: "display:block;"
|
402
|
-
slot: 4814313879
|
403
|
-
ad_layout: multiplex
|
404
|
-
|
405
|
-
----
|
406
|
-
|
407
|
-
CAUTION: Disable (enabled set to `false`) for all Ad **ID**s the are *NOT*
|
408
|
-
used on any *page*.
|
409
|
-
|
410
|
-
[role="mt-4"]
|
411
|
-
=== Properties
|
412
|
-
|
413
|
-
Find all property settings for ad blocks below.
|
414
|
-
|
415
|
-
.Property settings
|
416
|
-
[cols="2a, 2a, 3a, 5a", options="header", width="100%", role="rtable mt-3 mb-5"]
|
417
|
-
|===
|
418
|
-
|Prperty |Values |Default |Description
|
419
|
-
|
420
|
-
|`styles`
|
421
|
-
|string
|
422
|
-
|none
|
423
|
-
|Defines the CSS styles applied on an specific advertising. Contains *CSS*
|
424
|
-
classes separated by an colon (`;`). Taken from the ad-code generated
|
425
|
-
by Adsense. +
|
426
|
-
Example: `display:block; text-align:center;`.
|
427
|
-
|
428
|
-
|`publisherID`
|
429
|
-
|string
|
430
|
-
|ca-pub-number\|pub-number
|
431
|
-
|Defines the publisher id used for an advertising. *Current* accounts at
|
432
|
-
Adsense using the format of `ca-pub-1234567890123456` (fake id).
|
433
|
-
|
434
|
-
|`ad_layout`
|
435
|
-
|string
|
436
|
-
|none
|
437
|
-
|Specifies the layout of the *ad*. Taken from the ad-code generated
|
438
|
-
by Adsense. +
|
439
|
-
Example: `in-article`.
|
440
|
-
|
441
|
-
|`test`
|
442
|
-
|string (on\|off)
|
443
|
-
|off
|
444
|
-
|For testing only. If `test` is enabled (`on`), clicks and impressions
|
445
|
-
*not* recorded by the service and advertisers are *not* charged. If tests
|
446
|
-
are done on *localhost*, property `test` must set to `on`.
|
447
|
-
|
448
|
-
|===
|
File without changes
|
File without changes
|